| | |
|---|
| | | // 数据同步 |
|---|
| | | dropdown.render({ |
|---|
| | | elem: '#data-btn' |
|---|
| | | ,align: 'right' //居中对齐（2.6.8 新增） |
|---|
| | | ,style: 'width: 50px;' |
|---|
| | | ,data: [{ |
|---|
| | | title: 'menu' |
|---|
| | | ,id: 100 |
|---|
| | | },{ |
|---|
| | | title: 'menu' |
|---|
| | | ,id: 101 |
|---|
| | | },{ |
|---|
| | | title: 'menu ' |
|---|
| | | ,id: 102 |
|---|
| | | }] |
|---|
| | | ,align: 'right' |
|---|
| | | ,style: 'border-radius: 5px;' |
|---|
| | | ,className: 'site-dropdown-demo' |
|---|
| | | ,data: [ |
|---|
| | | { |
|---|
| | | title: '模板下载' |
|---|
| | | ,templet: '<i class="layui-icon layui-icon-template-1"></i>{{d.title}}' |
|---|
| | | ,id: 1 |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | title: '导入 Excel' |
|---|
| | | ,templet: '<i class="layui-icon layui-icon-upload"></i>{{d.title}}' |
|---|
| | | ,id: 2 |
|---|
| | | }, |
|---|
| | | {type: '-'}, //分割线 |
|---|
| | | { |
|---|
| | | title: '导出 Excel' |
|---|
| | | ,templet: '<i class="layui-icon layui-icon-export"></i>{{d.title}}' |
|---|
| | | ,id: 3 |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | ,click: function(item){ |
|---|
| | | switch (item.id) { |
|---|
| | | case 1: |
|---|
| | | break |
|---|
| | | case 2: |
|---|
| | | break |
|---|
| | | case 3: |
|---|
| | | break |
|---|
| | | default: |
|---|
| | | break |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // 树形图 |
|---|
| | |
|---|
| | | margin-right: 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layui-border-box,.layui-border-box * { |
|---|
| | | box-sizing:inherit |
|---|
| | | .layui-dropdown.layui-border-box,.layui-border-box * { |
|---|
| | | box-sizing:inherit; |
|---|
| | | } |
|---|
| | | .layui-dropdown-menu .layui-border-box,.layui-border-box * { |
|---|
| | | /*text-align: center;*/ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .layui-menu li { |
|---|
| | | width: inherit; |
|---|
| | | } |
|---|
| | |
|---|
| | | text-align: center; |
|---|
| | | border: 1px solid #c0c4cc; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .site-dropdown-demo, |
|---|
| | | .site-dropdown-demo .layui-menu{background: #32363F;border-color: #484e58;} |
|---|
| | | .site-dropdown-demo .layui-menu li{color: #a1a8b8;} |
|---|
| | | .site-dropdown-demo .layui-menu li:hover{background-color: #32363F;} |
|---|
| | | .layui-menu-body-title>.layui-icon { |
|---|
| | | position: relative; |
|---|
| | | margin-right: 5px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
