refactor(components): migrate public components to design tokens
This commit is contained in:
@@ -171,7 +171,7 @@ function close() {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
width: 28rpx;
|
width: 28rpx;
|
||||||
height: 2rpx;
|
height: 2rpx;
|
||||||
background: #fff;
|
background: $color-card;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
|
|
||||||
&.line-a {
|
&.line-a {
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ defineEmits<{
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.card-item {
|
.card-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: #fff;
|
background: $color-card;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
@@ -52,13 +52,13 @@ defineEmits<{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card-name {
|
.card-name {
|
||||||
font-size: 30rpx;
|
font-size: $font-size-lg;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-desc {
|
.card-desc {
|
||||||
font-size: 24rpx;
|
font-size: $font-size-sm;
|
||||||
color: #999;
|
color: #999;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -78,7 +78,7 @@ defineEmits<{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.price {
|
.price {
|
||||||
font-size: 32rpx;
|
font-size: $font-size-lg;
|
||||||
color: #E74C3C;
|
color: #E74C3C;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,13 +34,13 @@ defineEmits<{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.empty-text {
|
.empty-text {
|
||||||
font-size: 28rpx;
|
font-size: $font-size-base;
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-btn {
|
.empty-btn {
|
||||||
font-size: 28rpx;
|
font-size: $font-size-base;
|
||||||
color: #4A90D9;
|
color: #4A90D9;
|
||||||
background: #E8F0FE;
|
background: #E8F0FE;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
|
|||||||
Reference in New Issue
Block a user