mali-applet-ui 1.0.156 → 1.0.157

package/lib/components/ml-calendar/ml-calendar.vue

@@ -26,7 +26,7 @@
           <view class="ml-calendar-date-day-item" v-for="(item, key) in list" :key="key" @tap="onSelect(item)">
             <view class="ml-calendar-date-day-box" :class="{'today': item.isToday, 'last-month': item.isLastMonth, 'next-month': item.isNextMonth, 'selected': selectDay === item.date, 'not-yet': item.isNotYet, 'disabled': item.disabled}">
               <view class="ml-calendar-date-box-warpper">
-                <view class="ml-calendar-date-day-text" :class="{'today': item.isToday}" v-if="item.isToday">今天</view>
+                <view class="ml-calendar-date-day-text" :class="{'today': item.isToday}" v-if="item.isToday">今</view>
                 <view class="ml-calendar-date-day-text" v-else>{{ item.day }}</view>
                 <view class="ml-calendar-date-day-dots">
                   <view class="ml-calendar-date-day-status" v-for="(status, sIndex) in item.statusList" :key="sIndex" :class="[`ss-${status}`]"></view>
@@ -77,7 +77,7 @@ export default {
       return XEUtils.toDateString(this.selectMonth, 'yyyy年MM月')
     },
     contentStyle () {
-      const lineHeight = 80
+      const lineHeight = 94
       if (this.isfold) {
         return `height: ${lineHeight}rpx;`
       }
@@ -187,13 +187,14 @@ export default {
     align-items: center;
     margin-bottom: 10rpx;
     .ml-calendar-header-title {
-      flex: 1;
+      flex-grow: 1;
       text-align: center;
       margin: 0 30rpx;
-      font-size: 40rpx;
+      font-size: 32rpx;
       font-weight: bolder;
     }
     .ml-calendar-header-button {
+      flex-shrink: 0;
       border: 1px solid #dddddd;
       padding: 10rpx;
       border-radius: 8rpx;
@@ -236,7 +237,7 @@ export default {
       }
       .ml-calendar-date-day-box {
         width: 64rpx;
-        height: 72rpx;
+        height: 86rpx;
         border-radius: 8rpx;
         margin: auto;
         border: 2px solid transparent;
@@ -245,23 +246,27 @@ export default {
           height: 100%;
           .ml-calendar-date-day-text {
             font-weight: 500;
-            font-size: 32rpx;
+            font-size: 30rpx;
             text-align: center;
-            line-height: 36rpx;
+            margin: 0 auto;
+            width: 60rpx;
+            height: 60rpx;
+            line-height: 60rpx;
+            border-radius: 50%;
             &.today {
               font-size: 22rpx;
             }
           }
           .ml-calendar-date-day-dots {
             width: 100%;
-            line-height: 24rpx;
+            line-height: 10rpx;
             text-align: center;
           }
           .ml-calendar-date-day-status {
             display: inline-block;
-            width: 15rpx;
-            height: 15rpx;
-            margin: 0 5rpx;
+            width: 14rpx;
+            height: 14rpx;
+            margin: 0 4rpx;
             border-radius: 50%;
             &.ss-primary {
               background-color: $ml-theme-primary-color;
@@ -298,19 +303,16 @@ export default {
             }
           }
         }
-        &.selected {
-          border-color: #2497FF;
-        }
-        &.selected {
-          border-color: #2497FF;
-        }
         &.today {
-          .ml-calendar-date-box-warpper {
+          .ml-calendar-date-day-text {
+            color: $ml-theme-primary-color;
             background-color: #c6e4ff;
-            border-radius: 8rpx;
-            .ml-calendar-date-day-text {
-              color: #2497FF;
-            }
+          }
+        }
+        &.selected {
+          .ml-calendar-date-day-text {
+            color: #fff;
+            background-color: $ml-theme-primary-color;
           }
         }
         &.last-month,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.156",
+  "version": "1.0.157",
   "description": "码里云小程序组件库",
   "files": [
     "lib",