From f339afdea8d0cef5be98f620c487f783afb96a15 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期日, 07 二月 2021 14:31:54 +0800
Subject: [PATCH] 调整card首页展示的规则
---
src/pages/desktop/index/components/ToolsEntry.vue | 27 ++++++++++++++++++++-------
1 files changed, 20 insertions(+), 7 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 19c114a..6d329c8 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -1,9 +1,10 @@
<template>
<div class="tools-entry">
<div class="entry-wrap">
- <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never">
+ <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never" :indicator-position="carousels.length==1?'none':''">
<el-carousel-item v-for="(carousel,index) in carousels" :key="index">
<div class="app-list clearFix sdk-list">
+ <!-- <draggable v-model="carousel" @start="drag=true" @end="drag=false"> -->
<div v-for="item in carousel" :key="item.id">
<div class="app" v-if="item.url" @click="dockClick(item)">
<div class="wrap">
@@ -29,7 +30,7 @@
</div>
</div>
</div>
-
+ <!-- </draggable> -->
<!-- <div class="app" v-for="dock in stateDocks" :key="dock.id" @click="dockClick(dock)">
<div class="wrap">
<div class="app-icon">
@@ -61,9 +62,12 @@
</template>
<script>
+import draggable from "vuedraggable"
import { findAllSdk } from '@/api/taskMange';
+import {chunkArr} from '@/scripts/util';
export default {
name: 'toolsEntry',
+ components: { draggable },
data () {
return {
publicPath: process.env.BASE_URL,
@@ -81,7 +85,7 @@
title: '浜哄憳璺熻釜'
}
],
- rowSize: 3,
+ //rowSize: 3,
badgeNum: 0,
}
},
@@ -96,15 +100,24 @@
this.badgeNum = upgradeArr.length;
let arr = null;
//鏍规嵁灞忓箷楂樺害鏉ュ垽鏂槸灞曠ず3鎺掕繕鏄�4鎺� 闃堝��:970
- if(window.innerHeight >= 930 ){
- this.rowSize = 4;
+ if (window.innerHeight >= 930) {
+ //this.rowSize = 4;
arr = this.chunk(tempArr, 24);
- }else{
- this.rowSize = 3;
+ //arr = chunkArr(tempArr,24);
+ } else {
+ //this.rowSize = 3;
arr = this.chunk(tempArr, 18);
+ //arr = chunkArr(tempArr, 18);
}
console.log(arr)
return arr
+ },
+ rowSize (){
+ if (window.innerHeight >= 930) {
+ return 4;
+ }else{
+ return 3;
+ }
}
},
mounted () {
--
Gitblit v1.8.0