日历调整

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

@@ -85,7 +85,7 @@
     </div>
     <!-- user -->
     <div v-if="illustration" class="illustration">
-      <div v-for="(il,index) in illustration" :key="index" class="illustration-item"><div :style="{color: il.color}" class="illustration-color">—</div><div class="illustration-text">{{il.text}}</div></div>
+      <div v-for="(il,index) in illustration" :key="index" class="illustration-item"><div :style="{'background-color': il.color}" class="illustration-color"></div><div class="illustration-text">{{il.text}}</div></div>
     </div>
   </div>
 </template>
@@ -329,6 +329,7 @@
       loopArray.push(this.months[0]);
       this.monthsLoop = loopArray;
       this.monthsLoopCopy = this.monthsLoop.concat();
+      console.log("sign",this.sign);
     },
     mounted() {
       const self = this;

src/components/app-calendar/icon.css

@@ -39,7 +39,7 @@
 }
 .changebox{
     position: relative;
-    height: 7px;
+    padding: 10px 0;
 }
 .changeStyle_top{
     border-color: rgb(104, 96, 96);
@@ -56,12 +56,14 @@
 }
 .illustration-color {
     color: #ccc;
+    width: 15px;
+    height: 5px;
+    border-radius: 2px;
 }
 .illustration-item {
-    padding: 10px;
+    padding: 0 10px 10px 10px;
     display: flex;
     align-items: center;
-
 }
 .illustration {
     display: flex;