flat: 暂存

This commit is contained in:
史典卓
2025-03-29 11:51:48 +08:00
parent b8ee5e7c17
commit 09d9603f04
101 changed files with 93 additions and 57 deletions

View File

@@ -7,17 +7,17 @@
<view class="drawer" :class="{ open: isDrawerOpen }">
<view class="drawer-content">
<view class="drawer-title">AI+</view>
<view class="drawer-input-content">
<input
class="drawer-input"
type="text"
v-model="searchText"
placeholder-class="input-placeholder"
placeholder="请输入搜索历史对话"
/>
<uni-icons class="input-search" type="search" size="20"></uni-icons>
</view>
<scroll-view scroll-y :show-scrollbar="false" class="chat-scroll">
<view class="drawer-input-content">
<input
class="drawer-input"
type="text"
v-model="searchText"
placeholder-class="input-placeholder"
placeholder="请输入搜索历史对话"
/>
<uni-icons class="input-search" type="search" size="20"></uni-icons>
</view>
<view
class="drawer-rows"
@click="changeDialogue(item)"
@@ -36,6 +36,11 @@
</view>
</view>
</scroll-view>
<view class="drawer-user">
<image class="drawer-user-img" src="/static/icon/boy.png"></image>
<text>用户123</text>
<image class="drawer-user-setting" src="/static/icon/setting.png" mode=""></image>
</view>
</view>
</view>
@@ -115,6 +120,7 @@ const changeDialogue = (item) => {
/* 页面容器 */
.container {
position: fixed;
z-index: 1000;
width: 100vw;
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
overflow: hidden;
@@ -173,6 +179,28 @@ const changeDialogue = (item) => {
.drawer-content
height: 100%
background: #FFFFFF;
display: flex
flex-direction: column
.drawer-user
border-top: 1rpx solid rgba(0,0,0,.1);
padding: 20rpx 28rpx
display: flex
font-weight: 500;
align-items: center
position: relative
margin-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
margin-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
.drawer-user-img
width: 57.2rpx;
height: 57.2rpx
margin-right: 20rpx
.drawer-user-setting
width: 57.2rpx;
height: 57.2rpx
position: absolute
top: 50%
right: 28rpx
transform: translate(0,-50%)
.drawer-title
height: calc(88rpx + env(safe-area-inset-top));
line-height: calc(88rpx + env(safe-area-inset-top));
@@ -181,7 +209,8 @@ const changeDialogue = (item) => {
font-size: 32rpx
font-weight: bold
.chat-scroll
height: calc(100% - 88rpx + env(safe-area-inset-top));
flex: 1
overflow: hidden
.drawer-rows
padding: 0 28rpx;
// border-bottom: 2rpx dashed #e8e8e8