📝(component): 新增 button 组件下拉案例
This commit is contained in:
		
							parent
							
								
									ca9a3607e9
								
							
						
					
					
						commit
						5d85e82682
					
				@ -316,6 +316,38 @@ export default {
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title 下拉按钮
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: demo 配合 `lay-dropdown` 系列组件, 完成下拉按钮。
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <lay-dropdown>
 | 
			
		||||
    <lay-button type="default">更多操作</lay-button>
 | 
			
		||||
    <template #content>
 | 
			
		||||
      <lay-dropdown-menu>
 | 
			
		||||
        <lay-dropdown-menu-item>导入</lay-dropdown-menu-item>
 | 
			
		||||
        <lay-dropdown-menu-item>导出</lay-dropdown-menu-item>
 | 
			
		||||
      </lay-dropdown-menu>
 | 
			
		||||
    </template>
 | 
			
		||||
  </lay-dropdown>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import { ref } from 'vue'
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
  setup() {
 | 
			
		||||
  
 | 
			
		||||
    return {
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title Button 属性
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -85,4 +85,4 @@ export default {
 | 
			
		||||
    };
 | 
			
		||||
  },
 | 
			
		||||
};
 | 
			
		||||
</script>
 | 
			
		||||
</script>
 | 
			
		||||
@ -12,6 +12,7 @@ const menus = [
 | 
			
		||||
      {
 | 
			
		||||
        id: 6,
 | 
			
		||||
        title: "按钮",
 | 
			
		||||
        flag: "update",
 | 
			
		||||
        subTitle: "button",
 | 
			
		||||
        path: "/zh-CN/components/button",
 | 
			
		||||
      },
 | 
			
		||||
@ -138,6 +139,7 @@ const menus = [
 | 
			
		||||
      {
 | 
			
		||||
        id: 36,
 | 
			
		||||
        title: "开关",
 | 
			
		||||
        flag: "update",
 | 
			
		||||
        subTitle: "switch",
 | 
			
		||||
        path: "/zh-CN/components/switch",
 | 
			
		||||
      },
 | 
			
		||||
@ -432,12 +434,14 @@ const menus = [
 | 
			
		||||
      {
 | 
			
		||||
        id: 101,
 | 
			
		||||
        title: "标签",
 | 
			
		||||
        flag: "new",
 | 
			
		||||
        subTitle: "modal",
 | 
			
		||||
        path: "/zh-CN/components/tag",
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        id: 102,
 | 
			
		||||
        title: "标签输入",
 | 
			
		||||
        title: "标签输入框",
 | 
			
		||||
        flag: "new",
 | 
			
		||||
        subTitle: "load",
 | 
			
		||||
        path: "/zh-CN/components/tagInput",
 | 
			
		||||
      },
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user