| | |
| | | <template>
|
| | | <div class="tools-entry">
|
| | | <div class="entry-wrap">
|
| | | <el-carousel :height="rowSize==3?'600px':'770px'" :autoplay="false" arrow="never" :indicator-position="carousels.length==1?'none':''">
|
| | | <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"> -->
|
| | |
| | | import bus from '@/plugin/bus'
|
| | | export default {
|
| | | name: 'toolsEntry',
|
| | | components: { draggable },
|
| | | data () {
|
| | | return {
|
| | | publicPath: process.env.BASE_URL,
|
| | |
| | | }
|
| | | ],
|
| | | //rowSize: 3,
|
| | | badgeNum: 0,
|
| | | // badgeNum: 0,
|
| | | }
|
| | | },
|
| | | computed: {
|
| | |
| | | let pages = 0;
|
| | | let tempArr = this.stateDocks.concat(this.installedSdk);
|
| | | let upgradeArr = tempArr.filter(item => item.isUpgrade);
|
| | | this.badgeNum = upgradeArr.length;
|
| | | let arr = null;
|
| | | //根据屏幕高度来判断是展示3排还是4排 阈值:970
|
| | | if (window.innerHeight >= 930) {
|
| | |
| | | console.log(arr)
|
| | | return arr
|
| | | },
|
| | | badgeNum() {
|
| | | let tempArr = this.stateDocks.concat(this.installedSdk);
|
| | | return tempArr.filter(item => item.isUpgrade).length;
|
| | | },
|
| | | rowSize (){
|
| | | if (window.innerHeight >= 930) {
|
| | | return 4;
|