解决天日历样式问题

@CONTROL/日历部件/CONTROL-BASE.template.ftl

@@ -24,8 +24,8 @@
     <#--  日历样式----天  -->  
     <#elseif ctrl.getCalendarStyle() == "DAY">
             <div class="calendar-tools">
-                <div class="calendar-prev" @click="prevDate"><i class="iconfont icon-arrow-left"></i></div>
-                <div class="calendar-next" @click="nextDate"><i class="iconfont icon-arrow-right"></i></div>
+                <div class="calendar-prev" @click="prevDate"><ion-icon name="chevron-back-outline"></ion-icon></div>
+                <div class="calendar-next" @click="nextDate"><ion-icon name="chevron-forward-outline"></ion-icon></div>
                 <div class="calendar-info">
                 {{year}}年{{month+1}}月{{day}}日
                 </div>

@CONTROL/日历部件/CONTROL.less.ftl

@@ -39,7 +39,30 @@
     }
 }
 .calendar-tools {
-    color: #86A6FD
+    color: #86A6FD;
+    height:40px;
+    font-size: 20px;
+    line-height: 40px;
+    box-shadow: 0px 4px 8px rgba(25, 47, 89, 0.1);
+    margin-bottom: 20px;
+    border-top: 1px solid rgba(200, 200, 200, .1);
+}
+.calendar-prev{
+  width: 14.28571429%;
+  float:left;
+  text-align: center;
+}
+.calendar-next {
+  width: 14.28571429%;
+  float: right;
+  text-align: center;
+}
+.calendar-info {
+  font-size: 16px;
+  line-height: 1.3;
+  text-align: center;
+  width: 220px;
+  margin: 0 auto;
 }
 .mpvue-calendar td.selected span {
     background: #86A6FD;

APP/src/locale/lang/en-US.ts.ftl

@@ -84,9 +84,9 @@ export default {
             deleteSccess: "successfully deleted",
             warning: " Warning ",
             confirmToDelete: "Confirm to delete",
-            unrecoverable: "Will the delete operation be unrecoverable",
-            totle: "A total of",
-            data: "data"
+            unrecoverable: " Will the delete operation be unrecoverable ",
+            totle: " A total of ",
+            data: " data"
         },
         statusMessage:{
             200: 'The server successfully returned the requested data',