调整日历样式

src/components/app-calendar/app-calendar.vue

@@ -53,9 +53,11 @@
             <div class="mc-text remark-text" v-if="child.eventName && !clean">{{child.eventName}}</div>
             <div class="mc-dot" v-if="child.eventName && clean" />
             <!-- user -->
-            <div class="sign" v-if="sign.date == child.date" >
-                <div v-for="(sigin,si) in sign.signs" :key="si" :style="{color: sigin.color}">——</div>
+            <template v-for="(usersign,us) in sign">
+            <div  class="sign" v-if="usersign.time==child.date" :key="us">
+                <div class="sign-item" v-for="(sigin,si) in usersign.evens" :key="si" :style="{color: sigin.color}">—</div>
             </div>
+            </template>
             <div
               class="mc-text"
               :class="{'isLunarFestival': child.isAlmanac || child.isLunarFestival, 'isGregorianFestival': child.isGregorianFestival, 'isTerm': child.isTerm}"
@@ -152,7 +154,7 @@
           return [];
         }
       },
-      sign:{type: Object, default:{}
+      sign:{type: Array, default:[]
         },
       lunar: {
         type: Boolean,
@@ -315,7 +317,6 @@
       loopArray.push(this.months[0]);
       this.monthsLoop = loopArray;
       this.monthsLoopCopy = this.monthsLoop.concat();
-      
     },
     mounted() {
       const self = this;
@@ -332,7 +333,6 @@
       this.oversliding = true;
       this.initRender = true;
       this.init();
-      console.log(this.monthRangeDays)
     },
     beforeDestroy() {
       if (isBrowser) {

src/components/app-calendar/icon.css

@@ -13,3 +13,12 @@
 .icon-arrow-right:before { content: "\e602"; }
 
 .icon-arrow-left:before { content: "\e501"; }
+.sign {
+    position: relative;
+    top: -5px;
+}
+.sign-item{
+    line-height: 1;
+    height: 4px;
+    color: #ccc;
+  }
\ No newline at end of file

src/components/app-calendar/style.css

@@ -6,6 +6,7 @@
     user-select:none;
     position: relative;
   }
+
   .calendar-tools{
     height:40px;
     font-size: 20px;