update 日历组件样式

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

@@ -77,16 +77,16 @@
       <div :class="['calendar-months', {'calendar-week-switch-months': weekSwitch}]">
         <span v-for="(m, i) in months" :key="m" @click.stop="changeMonth(i)" :class="{'active': i === month}">{{m}}</span>
       </div>
+    </div>
+        <!-- user -->
+    <div v-if="isChangeStyle" @click="changeStyle()"  class="changebox">
+        <div v-if="changebtntop"  class="changeStyle_bottom"></div>
+        <div v-if="!changebtntop" class="changeStyle_top"></div>
     </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>
-    <!-- user -->
-    <div v-if="isChangeStyle"  class="changebox">
-        <div v-if="changebtntop" @click="changeStyle()" class="changeStyle_bottom"></div>
-        <div v-if="!changebtntop" @click="changeStyle()" class="changeStyle_top"></div>
-    </div>
   </div>
 </template>
 

src/components/app-calendar/icon.css

@@ -42,7 +42,6 @@
 .changebox{
     position: relative;
     height: 7px;
-    top: -14px;
 }
 .changeStyle_top{
     border-color: rgb(104, 96, 96);