样式优化

This commit is contained in:
kron
2025-09-30 18:29:08 +08:00
parent 1daa830ed0
commit 10afe737f6
2 changed files with 13 additions and 11 deletions

View File

@@ -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;

View File

@@ -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;