style: 样式调整

components/daySelect/index.vue

@@ -1,7 +1,9 @@
 <template>
   <view>
     <view class="box">
-			<view class="title">{{ currentYear }}年&nbsp;&nbsp;{{ currentMonth }}月</view>
+      <view class="title"
+        >{{ currentYear }}年&nbsp;&nbsp;{{ currentMonth }}月</view
+      >
       <scroll-view scroll-x="true">
         <block v-for="(item, index) in dayList" :key="index">
           <view
@@ -35,8 +37,8 @@ import common from "@/utils/common.js";
 export default {
   data() {
     return {
-			 currentYear: new Date().getFullYear(), // 当前年份
-    currentMonth: new Date().getMonth() + 1, // 当前月份（0-11需+1）
+      currentYear: new Date().getFullYear(), // 当前年份
+      currentMonth: new Date().getMonth() + 1, // 当前月份（0-11需+1）
       isShow: false,
       current: 0,
       dayList: [],
@@ -45,9 +47,9 @@ export default {
   },
   created() {
     this.dayList = common.weekDate().dayList;
-		const firstDay = this.dayList[0];
-  this.currentYear = firstDay.year;
-  this.currentMonth = firstDay.month; // 假设 dayList 中的月份已处理补零
+    const firstDay = this.dayList[0];
+    this.currentYear = firstDay.year;
+    this.currentMonth = firstDay.month; // 假设 dayList 中的月份已处理补零
   },
   methods: {
     // 日期选择
@@ -91,6 +93,7 @@ scroll-view {
   background: #ffffff;
   border-radius: 25rpx;
   border: 1rpx solid #4689fe;
+  position: relative;
 
   .day {
     font-weight: normal;
@@ -109,9 +112,22 @@ scroll-view {
   color: #ffffff;
   background: #4473fe;
   border-radius: 25rpx;
-  border: 1rpx solid #4473fe;
+  // border: 1rpx solid #4473fe;
+  border: none;
   .day {
     color: #ffffff;
   }
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 20rpx;
+    height: 10rpx;
+    background: orange;
+    border-radius: 20rpx 20rpx 0 0;
+  }
 }
 </style>