日历动画

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

 <template>
-    <div class="app-mob-calendar <#if appde??>${appde.getCodeName()?lower_case}-${ctrl.name}</#if> <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
+    <div class="app-mob-calendar <#if appde??>${appde.getCodeName()?lower_case}-${ctrl.name}</#if> <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>" @touchmove="gotouchmove" @touchstart="gotouchstart">
 <#if ctrl.render??>
     ${ctrl.render.code}
 <#else>
@@ -7,7 +7,7 @@
     <#--  日历样式----月  -->
     <#if ctrl.getCalendarStyle() == "MONTH" || ctrl.getCalendarStyle() == "MONTH_TIMELINE">
             <app-calendar
-                ref="calendar"
+                ref="calendar2"
                 @prev="prev"
                 @next="next"
                 :value="value"
@@ -20,7 +20,7 @@
                 @selectMonth="selectMonth"
                 :sign="sign"
                 :events="eventsDate"
-                :tileContent="tileContent"></app-calendar>
+                :tileContent="tileContent"/>
     <#--  日历样式----天  -->  
     <#elseif ctrl.getCalendarStyle() == "DAY">
             <div class="calendar-tools">
@@ -33,7 +33,7 @@
     <#--  日历样式----周  -->
     <#elseif ctrl.getCalendarStyle() == "WEEK" || ctrl.getCalendarStyle() == "WEEK_TIMELINE">
             <app-calendar
-                ref="calendar"
+                ref="calendar2"
                 :weekSwitch="true"
                 :value="value"
                 @prev="prev"

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

@@ -717,6 +717,46 @@ import moment from 'moment';
         </#if>
     }
 
+    /**
+     * 开始拖动位置
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public StarttouchLength = 0;
+
+    /**
+     * 开始滑动
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public gotouchstart(e:any){
+        let _this = this;
+        let touch :any=e.touches[0];   
+        let startY = touch.pageY; 
+        this.StarttouchLength = startY;
+        // console.log("开始",startY);
+        
+    }
+
+    /**
+     * touchmove
+     *  
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public gotouchmove(e:any) {
+        let touch :any=e.touches[0];   
+        let startY = touch.pageY; 
+        let calendar:any = this.$refs.calendar2;
+        if(calendar){
+            if(startY-this.StarttouchLength<0){
+                calendar.changeStyle2(false);
+            }else{
+                calendar.changeStyle2(true);
+            }
+        }
+    }
+
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
 </#ibizinclude>