|
@@ -1,3 +1,26 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <el-button v-for="(i,index) in getCellList" @click="i.click()" :key="index" v-bind="i.attrs" v-show="index < 2">{{ i.attrs.label }}</el-button>
|
|
|
+ <el-dropdown>
|
|
|
+ <span class="el-dropdown-link">
|
|
|
+ <span class="more-btn">更多</span>
|
|
|
+
|
|
|
+ </span>
|
|
|
+ <template #dropdown>
|
|
|
+ <el-dropdown-menu>
|
|
|
+ <el-dropdown-item
|
|
|
+ :class="index > 1 ? '' : 'dn'"
|
|
|
+ @click="i.click()" v-for="(i,index) in getCellList"
|
|
|
+
|
|
|
+ :key="index" >
|
|
|
+ <span :style="i.attrs.type == 'danger' ? 'color:red' : 'color:#409eff'">{{ i.attrs.label}}</span>
|
|
|
+ </el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </template>
|
|
|
+ </el-dropdown>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
<script>
|
|
|
import {
|
|
|
defineComponent,
|
|
@@ -58,6 +81,13 @@ export default defineComponent({
|
|
|
props: attrs
|
|
|
}
|
|
|
}
|
|
|
+ if(getCellList.value.length > 3) {
|
|
|
+
|
|
|
+ console.log(getCellList)
|
|
|
+ return {
|
|
|
+ getCellList
|
|
|
+ }
|
|
|
+ }
|
|
|
return () => {
|
|
|
return h(
|
|
|
'div',
|
|
@@ -101,4 +131,14 @@ export default defineComponent({
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.more-btn{
|
|
|
+ line-height: 34px;
|
|
|
+ font-size: 14px;
|
|
|
+ color:#FF9315;
|
|
|
+}
|
|
|
+.dn{
|
|
|
+ display: none!important;
|
|
|
+}
|
|
|
+</style>
|