样式优化
This commit is contained in:
@@ -70,7 +70,7 @@ onMounted(() => {
|
|||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
margin-bottom: 25rpx;
|
margin-bottom: 25rpx;
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
border: 1rpx solid #fed847;
|
border: 2rpx solid #FED848;
|
||||||
}
|
}
|
||||||
.container > view {
|
.container > view {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -182,7 +182,7 @@ onShareTimeline(() => {
|
|||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="daily-signin">
|
<view class="daily-signin">
|
||||||
<view>
|
<view>
|
||||||
<image src="../static/week-check.png" mode="widthFix" />
|
<image src="../static/week-check.png" />
|
||||||
</view>
|
</view>
|
||||||
<view :class="data.weeksCheckIn[0] ? 'checked' : ''">
|
<view :class="data.weeksCheckIn[0] ? 'checked' : ''">
|
||||||
<image
|
<image
|
||||||
@@ -343,7 +343,7 @@ onShareTimeline(() => {
|
|||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
border-bottom-left-radius: 50rpx;
|
border-bottom-left-radius: 50rpx;
|
||||||
border-bottom-right-radius: 50rpx;
|
border-bottom-right-radius: 50rpx;
|
||||||
border: 1rpx solid #fed847;
|
border: 4rpx solid #fed848;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -383,7 +383,7 @@ onShareTimeline(() => {
|
|||||||
.daily-signin {
|
.daily-signin {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(8, 1fr);
|
grid-template-columns: repeat(8, 1fr);
|
||||||
gap: 12rpx;
|
gap: 10rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
margin-bottom: 25rpx;
|
margin-bottom: 25rpx;
|
||||||
}
|
}
|
||||||
@@ -397,8 +397,10 @@ onShareTimeline(() => {
|
|||||||
}
|
}
|
||||||
.daily-signin > view:not(:first-child) {
|
.daily-signin > view:not(:first-child) {
|
||||||
background: #f8f8f8;
|
background: #f8f8f8;
|
||||||
padding: 15rpx 8rpx;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
width: 78rpx;
|
||||||
|
height: 94rpx;
|
||||||
|
padding-top: 10rpx;
|
||||||
}
|
}
|
||||||
.daily-signin > view:not(:first-child) > image {
|
.daily-signin > view:not(:first-child) > image {
|
||||||
width: 32rpx;
|
width: 32rpx;
|
||||||
@@ -409,21 +411,21 @@ onShareTimeline(() => {
|
|||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 1rpx solid #333;
|
border: 2rpx solid #333;
|
||||||
}
|
}
|
||||||
.daily-signin > view > text {
|
.daily-signin > view > text {
|
||||||
font-size: 24rpx;
|
font-size: 20rpx;
|
||||||
/* color: #333; */
|
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 12rpx;
|
margin-top: 10rpx;
|
||||||
}
|
}
|
||||||
.daily-signin > view:first-child > image {
|
.daily-signin > view:first-child > image {
|
||||||
width: 100%;
|
width: 72rpx;
|
||||||
|
height: 94rpx;
|
||||||
}
|
}
|
||||||
.checked {
|
.checked {
|
||||||
border: 1rpx solid #000;
|
border: 2rpx solid #000;
|
||||||
}
|
}
|
||||||
.checked > text {
|
.checked > text {
|
||||||
color: #333 !important;
|
color: #333 !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user