我的样式优化

This commit is contained in:
2026-09-24 14:19:36 +08:00
parent 403f7e835f
commit 365bba0555
5 changed files with 50 additions and 38 deletions
+8 -8
View File
@@ -97,13 +97,13 @@ export default {
</script>
<style scoped>
.search { padding: 12rpx 24rpx; }
.search input { height: 72rpx; background: #ededed; border-radius: 8rpx; padding: 0 24rpx; font-size: 26rpx; }
.snip { padding: 8rpx 32rpx 16rpx; font-size: 22rpx; color: #888; }
.sec { padding: 16rpx 32rpx 8rpx; font-size: 22rpx; color: #888; background: #f7f7f7; }
.item { display: flex; align-items: center; padding: 20rpx 24rpx; background: #fff; }
.av { width: 80rpx; height: 80rpx; border-radius: 10rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.search { padding: 8rpx 24rpx 4rpx; }
.search input { height: 72rpx; background: #fff; border-radius: 12rpx; padding: 0 24rpx; font-size: 28rpx; color: #111827; border: 1rpx solid rgba(17, 24, 39, 0.06); }
.snip { padding: 12rpx 32rpx 8rpx; font-size: 22rpx; color: #6B7280; }
.sec { padding: 20rpx 32rpx 8rpx; font-size: 22rpx; color: #6B7280; }
.item { display: flex; align-items: center; margin: 0 24rpx; padding: 16rpx 0; border-bottom: 1rpx solid #F0F2F5; }
.av { width: 80rpx; height: 80rpx; border-radius: 18rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.av.img { width: 80rpx; height: 80rpx; }
.n { margin-left: 20rpx; font-size: 30rpx; }
.empty { padding: 80rpx; text-align: center; color: #888; }
.n { margin-left: 20rpx; font-size: 30rpx; color: #111827; }
.empty { padding: 120rpx 40rpx; text-align: center; color: #6B7280; font-size: 28rpx; }
</style>