样式优化

src/components/PointRecord.vue

@@ -70,7 +70,7 @@ onMounted(() => {
   border-radius: 25rpx;
   margin-bottom: 25rpx;
   height: 200rpx;
-  border: 1rpx solid #fed847;
+  border: 2rpx solid #FED848;
 }
 .container > view {
   position: relative;

src/pages/point-book.vue

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