封装插件
<template>
<div class="as-more-operate" v-if="$slots.default">
<el-popover
placement="bottom"
ref="morePopover"
popper-class="more-popover"
:visible-arrow="false"
trigger="hover">
<slot/>
</el-popover>
<el-button type="text" v-popover:morePopover>{{title}}<i class="el-icon-arrow-down el-icon--right" style="margin-left: 2px;"></i></el-button>
</div>
</template>
<script>
export default {
name: 'as-more-operate',
props: {
title: {
type: String,
default: '更多'
}
}
}
</script>
<style lang="less">
.as-more-operate {
display: inline-block;
margin-left: 1px;
}
.more-popover {
width: 80px;
min-width: 0;
padding: 0;
border-radius: initial;
box-shadow: initial;
.el-button {
width: 100%;
margin-left: 0;
padding: 10px 0;
&:hover {
background-color: #ecf5ff;
}
}
}
</style>
引入使用
import AsMoreOperate from '../../components/as-more-operate'
components: {
AsMoreOperate
},
<as-more-operate>
<el-button></el-button>
<el-button></el-button>
......
</as-more-operate>
TRANSLATE with
- 中文（简体）
- 中文（繁体）
- 丹麦语
- 乌克兰语
- 乌尔都语
- 亚美尼亚语
- 俄语
- 保加利亚语
- 克罗地亚语
- 冰岛语
- 加泰罗尼亚语
- 匈牙利语
- 卡纳达语
- 印地语
- 印尼语
- 古吉拉特语
- 哈萨克语
- 土耳其语
- 威尔士语
- 孟加拉语
- 尼泊尔语
- 布尔语(南非荷兰语)
- 希伯来语
- 希腊语
- 库尔德语
- 德语
- 意大利语
- 拉脱维亚语
- 挪威语
- 捷克语
- 斯洛伐克语
- 斯洛文尼亚语
- 旁遮普语
- 日语
- 普什图语
- 毛利语
- 法语
- 波兰语
- 波斯语
- 泰卢固语
- 泰米尔语
- 泰语
- 海地克里奥尔语
- 爱沙尼亚语
- 瑞典语
- 立陶宛语
- 缅甸语
- 罗马尼亚语
- 老挝语
- 芬兰语
- 英语
- 荷兰语
- 萨摩亚语
- 葡萄牙语
- 西班牙语
- 越南语
- 阿塞拜疆语
- 阿姆哈拉语
- 阿尔巴尼亚语
- 阿拉伯语
- 韩语
- 马尔加什语
- 马拉地语
- 马拉雅拉姆语
- 马来语
- 马耳他语
- 高棉语