基本样式变更

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
+9 -9
View File
@@ -45,21 +45,21 @@ export default {
<style scoped>
.wrap { margin: 12rpx 0; }
.lab { font-size: 24rpx; color: #434655; display: block; margin-bottom: 8rpx; }
.lab { font-size: 26rpx; color: #374151; display: block; margin-bottom: 10rpx; }
.list { display: flex; flex-wrap: wrap; gap: 12rpx; }
.chip, .add {
font-size: 22rpx;
padding: 10rpx 16rpx;
font-size: 24rpx;
padding: 14rpx 18rpx;
border-radius: 12rpx;
background: #fff;
border: 1rpx solid #dbe1ff;
color: #2563eb;
background: #F5F7FA;
border: 1rpx solid #E8ECF2;
color: #1677FF;
display: flex;
align-items: center;
max-width: 100%;
}
.name { max-width: 360rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.del { color: #ba1a1a; margin-left: 10rpx; font-size: 28rpx; line-height: 1; }
.add { color: #434655; border-style: dashed; }
.empty { font-size: 22rpx; color: #737686; }
.del { color: #DC2626; margin-left: 10rpx; font-size: 28rpx; line-height: 1; }
.add { color: #4B5563; border-style: dashed; }
.empty { font-size: 22rpx; color: #6B7280; }
</style>
+23 -7
View File
@@ -47,22 +47,38 @@ export default {
<style scoped>
.hd {
background: rgba(250, 248, 255, 0.96);
border-bottom: 1rpx solid rgba(0, 0, 0, 0.04);
background: rgba(245, 247, 250, 0.94);
border-bottom: 1rpx solid rgba(17, 24, 39, 0.06);
position: sticky;
top: 0;
z-index: 20;
}
.bar {
height: 88rpx;
padding: 0 24rpx;
padding: 0 28rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.left { display: flex; align-items: center; min-width: 0; }
.back { font-size: 48rpx; line-height: 1; margin-right: 8rpx; color: #131b2e; width: 48rpx; }
.leftlab { font-size: 30rpx; color: #131b2e; margin-right: 16rpx; }
.title { font-size: 36rpx; font-weight: 600; color: #131b2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420rpx; }
.right { display: flex; align-items: center; gap: 8rpx; }
.back {
font-size: 52rpx;
line-height: 1;
margin-right: 4rpx;
color: #111827;
width: 56rpx;
font-weight: 300;
}
.leftlab { font-size: 28rpx; color: #1677FF; margin-right: 16rpx; }
.title {
font-size: 34rpx;
font-weight: 600;
color: #111827;
letter-spacing: 0.2rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 440rpx;
}
.right { display: flex; align-items: center; gap: 4rpx; }
</style>