基本样式变更
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user