基本样式变更

This commit is contained in:
2026-09-23 17:38:24 +08:00
parent e464c2ad13
commit 9a22980071
35 changed files with 413 additions and 302 deletions
+8 -8
View File
@@ -4,7 +4,7 @@
<view class="search">
<input v-model="q" placeholder="搜索同事 / 会话 / 聊天记录" confirm-type="search" focus />
</view>
<view v-if="!q.trim()" class="empty">输入关键字搜索</view>
<view v-if="!q.trim()" class="empty">搜索同事会话或待办</view>
<view v-else>
<view v-if="people.length" class="sec">同事</view>
<view v-for="p in people" :key="'p' + p.id" class="item" @click="openPerson(p)">
@@ -38,7 +38,7 @@
<text class="n">{{ t.title || t.no }}</text>
</view>
</view>
<view v-if="!people.length && !convs.length && !hits.length && !todos.length" class="empty">没有找到结果</view>
<view v-if="!people.length && !convs.length && !hits.length && !todos.length" class="empty">没有找到相关内容</view>
</view>
</view>
</template>
@@ -96,15 +96,15 @@ export default {
</script>
<style scoped>
.search { padding: 16rpx 24rpx; }
.search input { height: 72rpx; background: #ededed; border-radius: 8rpx; padding: 0 24rpx; }
.sec { padding: 20rpx 24rpx 8rpx; font-size: 22rpx; color: #888; background: #f7f7f7; }
.search { padding: 12rpx 28rpx 16rpx; }
.search input { height: 80rpx; background: #fff; border-radius: 20rpx; padding: 0 28rpx; font-size: 28rpx; border: 1rpx solid rgba(17,24,39,0.06); }
.sec { padding: 24rpx 28rpx 8rpx; font-size: 24rpx; color: #6B7280; }
.item { display: flex; align-items: center; padding: 20rpx 24rpx; background: #fff; }
.av { width: 72rpx; height: 72rpx; border-radius: 10rpx; background: #e2e7ff; color: #004ac6; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.av { width: 72rpx; height: 72rpx; border-radius: 10rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.av.img { width: 72rpx; height: 72rpx; }
.av.work { background: #2563eb; color: #fff; }
.av.work { background: #1677FF; color: #fff; }
.meta { margin-left: 16rpx; min-width: 0; }
.n { display: block; font-size: 28rpx; }
.s { font-size: 22rpx; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty { text-align: center; color: #888; padding: 80rpx; font-size: 26rpx; }
.empty { text-align: center; color: #6B7280; padding: 120rpx 40rpx; font-size: 28rpx; }
</style>