12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- import { defineProps } from '../../libs/util/props';
- import theme from '../../libs/config/theme.js';
- export default defineProps('dropdown', {
- // 未激活时的颜色
- inactiveColor: {
- type: String,
- default: theme.mainColor
- },
- // 激活时的颜色
- activeColor: {
- type: String,
- default: theme.primary
- },
- // 菜单的背景颜色
- bgColor: {
- type: String,
- default: ''
- },
- // 菜单的圆角值
- round: {
- type: [Number, String],
- default: 0
- },
- // 点击遮罩是否关闭菜单
- closeOnClickMask: {
- type: Boolean,
- default: true
- },
- // 点击当前激活项标题是否关闭菜单
- closeOnClickSelf: {
- type: Boolean,
- default: true
- },
- // 过渡时间
- duration: {
- type: [Number, String],
- default: 300
- },
- // 标题菜单的高度
- height: {
- type: [Number, String],
- default: 40
- },
- // 是否显示下边框
- borderBottom: {
- type: Boolean,
- default: false
- },
- // 标题的字体大小
- titleSize: {
- type: [Number, String],
- default: 14
- },
- // 下拉出来的内容部分的圆角值
- borderRadius: {
- type: [Number, String],
- default: 0
- },
- // 菜单右侧的icon图标
- menuIcon: {
- type: String,
- default: 'arrow-down'
- },
- // 菜单右侧图标的大小
- menuIconSize: {
- type: [Number, String],
- default: ''
- }
- })
|