diff --git a/common/style/global.scss b/common/style/global.scss
index 4872bdc..8b1dfe7 100644
--- a/common/style/global.scss
+++ b/common/style/global.scss
@@ -24,6 +24,11 @@
       margin: 0 20rpx;
       font-size: 16px;
       color: $black;
+      overflow: hidden;
+    }
+
+    .card-head-action {
+      font-size: 14px;
     }
   }
 }
diff --git a/pages/statistics/components/date-selector.vue b/pages/statistics/components/date-selector.vue
index 8a00491..679e883 100644
--- a/pages/statistics/components/date-selector.vue
+++ b/pages/statistics/components/date-selector.vue
@@ -1,10 +1,13 @@
 <template>
   <view class="card radius shadow-warp bg-white">
-    <view
-      @tap="$refs.calendar.open()"
-      class="bg-white text-xl text-center padding solid-bottom text-black"
-      hover-class="cc-active"
-    >{{ date }}</view>
+    <view @tap="$refs.calendar.open()" class="card-head solid-bottom" hover-class="cc-active">
+      <view class="card-head-avatar bg-orange">
+        <view class="cuIcon-calendar"></view>
+      </view>
+      <view class="card-head-title">选择时间</view>
+      <view class="card-head-action" style="letter-spacing: 0.6">{{ date }}</view>
+    </view>
+
     <view class="menus-wrap">
       <button
         :class="[ menu === item ? 'bg-purple': 'line-gray' ]"