提交 45169f13 编写于 作者: KK's avatar KK

日历动画

上级 833c0f9d
<template> <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??> <#if ctrl.render??>
${ctrl.render.code} ${ctrl.render.code}
<#else> <#else>
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<#-- 日历样式----月 --> <#-- 日历样式----月 -->
<#if ctrl.getCalendarStyle() == "MONTH" || ctrl.getCalendarStyle() == "MONTH_TIMELINE"> <#if ctrl.getCalendarStyle() == "MONTH" || ctrl.getCalendarStyle() == "MONTH_TIMELINE">
<app-calendar <app-calendar
ref="calendar" ref="calendar2"
@prev="prev" @prev="prev"
@next="next" @next="next"
:value="value" :value="value"
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
@selectMonth="selectMonth" @selectMonth="selectMonth"
:sign="sign" :sign="sign"
:events="eventsDate" :events="eventsDate"
:tileContent="tileContent"></app-calendar> :tileContent="tileContent"/>
<#-- 日历样式----天 --> <#-- 日历样式----天 -->
<#elseif ctrl.getCalendarStyle() == "DAY"> <#elseif ctrl.getCalendarStyle() == "DAY">
<div class="calendar-tools"> <div class="calendar-tools">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<#-- 日历样式----周 --> <#-- 日历样式----周 -->
<#elseif ctrl.getCalendarStyle() == "WEEK" || ctrl.getCalendarStyle() == "WEEK_TIMELINE"> <#elseif ctrl.getCalendarStyle() == "WEEK" || ctrl.getCalendarStyle() == "WEEK_TIMELINE">
<app-calendar <app-calendar
ref="calendar" ref="calendar2"
:weekSwitch="true" :weekSwitch="true"
:value="value" :value="value"
@prev="prev" @prev="prev"
......
...@@ -717,6 +717,46 @@ import moment from 'moment'; ...@@ -717,6 +717,46 @@ import moment from 'moment';
</#if> </#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> <#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
</#ibizinclude> </#ibizinclude>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册