积分年份筛选

packages/app/src/pages/mine/points/index.vue

@@ -10,7 +10,7 @@ import { storeToRefs } from 'pinia'
 import dayjs from 'dayjs'
 import NavbarEvo from '@/components/navbar-evo.vue'
 const year = ref<number>(Date.now())
-// const year = ref<number>(dayjs().toDate().getFullYear())
+
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
 </script>
@@ -51,7 +51,7 @@ const { userInfo } = storeToRefs(userStore)
         <div class="flex-1"></div>
         <div></div>
         <div class="text-[#b6b6b6] text-sm font-normal font-['PingFang_SC'] leading-relaxed pos-relative">
-			<wd-datetime-picker custom-label-class="label-class" custom-cell-class="date-view" type="year" v-model="year" />
+			<wd-datetime-picker type="year" v-model="year" />
         </div>
       </div>
       <Card custom-class="relative">
@@ -93,16 +93,16 @@ const { userInfo } = storeToRefs(userStore)
     </div>
   </div>
 </template>
-<style lang="scss">
-	.date-view{
-		background-color: rgba(0,0,0,0) !important;
-		color: #fff !important;
-		padding: 0 !important;
+<style lang="scss" scoped>
+	:deep(.wd-picker__cell){
+		background-color: rgba(0,0,0,0);
+		color: #fff;
+		padding: 0;
 	}
-	.wd-picker__value{
-		color: #fff !important;
+	:deep(.wd-picker__value){
+		color: #fff ;
 	}
-	.wd-picker__arrow{
-		color: #fff !important;;
+	:deep(.wd-picker__arrow){
+		color: #fff;
 	}
 </style>