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