feat: 日历组件|复选框组件优化

components/Calender/index.vue

@@ -46,9 +46,9 @@
                 @tap="handleDateClick(dateInfo)"
               >
                 <template v-if="dateInfo">
-                  <text class="date-label" v-if="dateInfo.label">{{
-                    dateInfo.label
-                  }}</text>
+                  <text class="date-label" v-if="dateInfo.label">
+                    {{ dateInfo.label }}
+                  </text>
                   <text class="date-number">{{ dateInfo.day }}</text>
                   <text class="date-price" v-if="dateInfo.price"
                     >¥{{ dateInfo.price }}</text
@@ -90,10 +90,12 @@ const props = defineProps({
     required: true,
   },
 
-  // 价格数据对象
+  // 价格数据数组
   priceData: {
-    type: Object,
-    default: () => ({}),
+    type: Array,
+    default: () => [
+      {date: '', price: '-', stock: '0'}
+    ],
   },
 
   // 默认选中日期
@@ -202,6 +204,16 @@ const getFirstDayOfMonth = (year, month) => {
   return day === 0 ? 6 : day - 1; // 转换为周一开始 (0=周一, 6=周日)
 };
 
+// 获取指定日期的价格
+const getPriceForDate = (dateStr) => {
+  if (!props.priceData || !Array.isArray(props.priceData)) {
+    return null;
+  }
+  
+  const priceItem = props.priceData.find(item => item.date === dateStr);
+  return priceItem ? priceItem.price : null;
+};
+
 // 生成日历网格数据
 const generateCalendarGrid = (year, month) => {
   const daysInMonth = getDaysInMonth(year, month);
@@ -221,7 +233,7 @@ const generateCalendarGrid = (year, month) => {
     grid.push({
       date: dateStr,
       day: day,
-      price: props.priceData[dateStr] || null,
+      price: getPriceForDate(dateStr),
       disabled: isDateDisabled(dateStr),
       selected: isDateSelected(dateStr),
       inRange: isDateInRange(dateStr),
@@ -378,8 +390,8 @@ const handleRangeSelection = (dateInfo) => {
     emit("range-select", {
       startDate: rangeStart.value,
       endDate: rangeEnd.value,
-      startPrice: props.priceData[rangeStart.value],
-      endPrice: props.priceData[rangeEnd.value],
+      startPrice: getPriceForDate(rangeStart.value),
+      endPrice: getPriceForDate(rangeEnd.value),
       totalDays: daysBetween,
     });
   }

components/CheckBox/index.vue

@@ -1,14 +1,18 @@
 <template>
   <view class="checkbox-wrapper" @click="onChange">
-    <image class="checkbox-icon" :src="isChecked" mode="aspectFit" />
+    <uni-icons
+      class="checkbox-icon"
+      :type="isChecked"
+      :checked="isChecked"
+      :color="iconColor"
+      size="24"
+    />
     <slot></slot>
   </view>
 </template>
 
 <script setup>
 import { computed, defineEmits } from "vue";
-import uncheckedIcon from "./images/unchecked.png";
-import checkedIcon from "./images/checked.png";
 
 const props = defineProps({
   modelValue: {
@@ -21,7 +25,12 @@ const emit = defineEmits(["update:modelValue"]);
 
 // 计算属性，确定当前是否选中
 const isChecked = computed(() => {
-  return props.modelValue ? checkedIcon : uncheckedIcon;
+  return props.modelValue ? "checkbox-filled" : "circle";
+});
+
+// 计算图标颜色
+const iconColor = computed(() => {
+  return props.modelValue ? "#1890FF" : "#00A6FF";
 });
 
 // 切换选中状态

components/CheckBox/styles/index.scss

@@ -1,10 +1,8 @@
 .checkbox-wrapper {
   display: flex;
   align-items: center;
-  
+
   .checkbox-icon {
-    width: 20px;
-    height: 20px;
-    margin-right: 8px;
+    margin-right: 6px;
   }
-}
+}