| | |
|---|
| | | <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never">
|
|---|
| | | <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">
|
|---|
| | |
|---|
| | | </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">
|
|---|
| | |
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | import draggable from "vuedraggable"
|
|---|
| | | import { findAllSdk } from '@/api/taskMange';
|
|---|
| | | export default {
|
|---|
| | | name: 'toolsEntry',
|
|---|
| | | components: { draggable },
|
|---|
| | | data () {
|
|---|
| | | return {
|
|---|
| | | publicPath: process.env.BASE_URL,
|
|---|
| | |
|---|
| | | this.badgeNum = upgradeArr.length;
|
|---|
| | | let arr = null;
|
|---|
| | | //根据屏幕高度来判断是展示3排还是4排 阈值:970
|
|---|
| | | if(window.innerHeight >= 930 ){
|
|---|
| | | if (window.innerHeight >= 930) {
|
|---|
| | | this.rowSize = 4;
|
|---|
| | | arr = this.chunk(tempArr, 24);
|
|---|
| | | }else{
|
|---|
| | | } else {
|
|---|
| | | this.rowSize = 3;
|
|---|
| | | arr = this.chunk(tempArr, 18);
|
|---|
| | | }
|
|---|
