shish 1 mese fa
parent
commit
d299e0167e
2 ha cambiato i file con 33 aggiunte e 15 eliminazioni
  1. 3 3
      hdApp/src/admin/birthday/board.vue
  2. 30 12
      hdApp/src/admin/birthday/giftStats.vue

+ 3 - 3
hdApp/src/admin/birthday/board.vue

@@ -176,7 +176,7 @@ export default {
   data() {
     return {
       searchText: '',
-      period: 'week',
+      period: 'tomorrow',
       startDate: '',
       endDate: '',
       draftStartDate: '',
@@ -191,8 +191,8 @@ export default {
       monthArray: Array.from({ length: 12 }, (_, i) => i + 1),
       dateArray: Array.from({ length: 31 }, (_, i) => i + 1),
       periodTabs: [
-        { name: '今', value: 'today' },
-        { name: '明', value: 'tomorrow' },
+        { name: '今', value: 'today' },
+        { name: '明', value: 'tomorrow' },
         { name: '近一周', value: 'week' },
         { name: '全部', value: 'all' }
       ],

+ 30 - 12
hdApp/src/admin/birthday/giftStats.vue

@@ -1,14 +1,16 @@
 <template>
   <view class="gift-stats app-content">
     <view class="period-row">
-      <text class="label">时间周期</text>
+      <view class="label">时间</view>
       <view
         v-for="p in periodTabs"
         :key="p.value"
         class="pill"
         :class="{ active: period === p.value }"
         @click="changePeriod(p.value)"
-      >{{ p.name }}</view>
+      >
+        <text class="pill-text">{{ p.name }}</text>
+      </view>
     </view>
 
     <view class="table-block">
@@ -52,10 +54,10 @@ export default {
   name: 'BirthdayGiftStats',
   data() {
     return {
-      period: 'today',
+      period: 'tomorrow',
       periodTabs: [
-        { name: '今', value: 'today' },
-        { name: '明', value: 'tomorrow' },
+        { name: '今', value: 'today' },
+        { name: '明', value: 'tomorrow' },
         { name: '近一周', value: 'week' },
         { name: '全部', value: 'all' }
       ],
@@ -103,16 +105,32 @@ export default {
   margin-bottom: 24upx;
 }
 .label {
-  font-size: 28upx;
-  margin-right: 16upx;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  height: 68upx;
+  font-size: 32upx;
+  font-weight: 500;
+  line-height: 1;
+  margin-right: 20upx;
 }
 .pill {
-  padding: 10upx 24upx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 68upx;
+  padding: 0 28upx;
   margin-right: 12upx;
-  font-size: 26upx;
-  border-radius: 8upx;
+  margin-bottom: 12upx;
+  box-sizing: border-box;
+  border-radius: 34upx;
   background: #e8f8ef;
 }
+.pill-text {
+  font-size: 30upx;
+  line-height: 1;
+  color: inherit;
+}
 .pill.active {
   background: #08b955;
   color: #fff;
@@ -124,13 +142,13 @@ export default {
   margin-bottom: 24upx;
 }
 .block-title {
-  font-size: 30upx;
+  font-size: 36upx;
   font-weight: 600;
   margin-bottom: 8upx;
 }
 .block-desc {
   color: #888;
-  font-size: 24upx;
+  font-size: 26upx;
   line-height: 34upx;
   margin-bottom: 20upx;
 }