新增列表多选功能

src/components/app-list-default/app-list-default.vue

 <template>
-    <div class="app-list-default">
+    <div class="app-list-default" @touchstart="start" @touchend="end">
+        <ion-checkbox v-show="showcheack"></ion-checkbox>
         <div class="icon_box" :style="getstyle()"><ion-icon :name="geticon()" /></div>
         <div class="info_box" v-if="dataItemNames.length > 0">
             <template v-for="(i,index) in dataItemNames" >
@@ -32,6 +33,25 @@ import { Vue, Component, Prop } from 'vue-property-decorator';
 })
 export default class AppDefaultList extends Vue {
 
+
+    public loop :any;
+
+    public start () {
+
+      clearTimeout(this.loop); //再次清空定时器，防止重复注册定时器
+
+      this.loop = setTimeout(() => {
+        if( this.touchEvent){
+            this.touchEvent();
+        }
+      }, 1000);
+
+    }
+
+    public end () {
+      clearTimeout(this.loop); //清空定时器，防止重复注册定时器
+    }
+
     /**
      * 传入item
      *
@@ -48,6 +68,21 @@ export default class AppDefaultList extends Vue {
      */
     @Prop({ default: 'srfmajortext' }) public major?: string;
 
+    /**
+     * 多选是否显示
+     *
+     * @memberof AppDefaultList
+     */
+    @Prop() public showcheack?: false;
+
+    /**
+     * 长按方法
+     *
+     * @type {Function}
+     * @memberof AppDefaultList
+     */
+    @Prop() public touchEvent?: Function;
+
     /**
      * 属性参数数组
      *