Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7
提交
bc4992d6
提交
bc4992d6
编写于
5月 09, 2020
作者:
KK
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
卡片视图长按功能
上级
25fbb6ba
变更
3
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
59 行增加
和
4 行删除
+59
-4
CONTROL-BASE.template.ftl
@CONTROL/移动端数据视图控件/CONTROL-BASE.template.ftl
+1
-0
CONTROL-BASE.vue.ftl
@CONTROL/移动端数据视图控件/CONTROL-BASE.vue.ftl
+51
-0
CONTROL.less.ftl
@CONTROL/移动端数据视图控件/CONTROL.less.ftl
+7
-4
未找到文件。
@CONTROL/移动端数据视图控件/CONTROL-BASE.template.ftl
浏览文件 @
bc4992d6
...
@@ -3,6 +3,7 @@
...
@@ -3,6 +3,7 @@
<#if view.getViewType?? && view.getViewType()?? && view.getViewType() == 'DEMOBDATAVIEW'>
<#if view.getViewType?? && view.getViewType()?? && view.getViewType() == 'DEMOBDATAVIEW'>
<ion-row >
<ion-row >
<ion-col :size="size" v-for="(item,index) in items" :key="index">
<ion-col :size="size" v-for="(item,index) in items" :key="index">
<ion-checkbox v-show="showcheack" class="ionic-checkbox" @click.stop="checkboxSelect(item)"></ion-checkbox>
<ion-card :class="[size == '12'? 'ios hydrated ibz-card-12':' ios hydrated ibz-card-6']">
<ion-card :class="[size == '12'? 'ios hydrated ibz-card-12':' ios hydrated ibz-card-6']">
<div :class="{'line':size == '12'}">
<div :class="{'line':size == '12'}">
<img class="cardimg" :style="{width :size == '6' ?'':'30%'}" src="assets/images/card.jpg" />
<img class="cardimg" :style="{width :size == '6' ?'':'30%'}" src="assets/images/card.jpg" />
...
...
@CONTROL/移动端数据视图控件/CONTROL-BASE.vue.ftl
浏览文件 @
bc4992d6
...
@@ -642,6 +642,57 @@
...
@@ -642,6 +642,57 @@
}
}
/**
* 是否展示多选
*
* @memberof ${srfclassname('${ctrl.name}')}
*/
public showcheack = false;
/**
* 选中或取消事件
*
* @memberof ${srfclassname('${ctrl.name}')}
*/
public checkboxSelect(item:any){
let count = this.selectedArray.findIndex((i) => {
return i.mobile_entity1id == item.mobile_entity1id;
});
if(count == -1){
this.selectedArray.push(item);
}else{
this.selectedArray.splice(count,1);
}
}
/**
* 长按定时器
*
* @memberof ${srfclassname('${ctrl.name}')}
*/
public loop :any;
/**
* 开始长按
*
* @memberof ${srfclassname('${ctrl.name}')}
*/
public start () {
clearTimeout(this.loop); //再次清空定时器,防止重复注册定时器
this.loop = setTimeout(() => {
this.showcheack = ! this.showcheack;
}, 1000);
}
/**
* 结束长按
*
* @memberof ${srfclassname('${ctrl.name}')}
*/
public end () {
clearTimeout(this.loop); //清空定时器,防止重复注册定时器
}
<#ibizinclude>
<#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
</#ibizinclude>
</#ibizinclude>
...
...
@CONTROL/移动端数据视图控件/CONTROL.less.ftl
浏览文件 @
bc4992d6
...
@@ -21,12 +21,10 @@
...
@@ -21,12 +21,10 @@
font-size: 15px;
font-size: 15px;
}
}
.ibz-card-12 {
.ibz-card-12 {
margin: 12px;
margin: 12px 12px 0 35px;
margin-bottom: 0;
}
}
.ibz-card-6{
.ibz-card-6{
margin-bottom: 0;
margin: 5px 10px 5px 30px;
margin: 5px 10px;
}
}
.ibz-content {
.ibz-content {
padding: 10px;
padding: 10px;
...
@@ -40,4 +38,8 @@
...
@@ -40,4 +38,8 @@
.cardimg{
.cardimg{
height: auto;
height: auto;
}
}
.ionic-checkbox {
position: absolute;
top: calc(50% - 13px);
}
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录