From 8425d0d7a28ee64b68b344e689254bfe9cee9d51 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Tue, 8 Apr 2025 16:18:08 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/daySelect/index.vue | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/components/daySelect/index.vue b/components/daySelect/index.vue
index 3ed2e56..c6c29f1 100644
--- a/components/daySelect/index.vue
+++ b/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>