1.0.1 • Published 3 years ago
tansun-ui-plus v1.0.1
#说明 修改了Element ui 默认样式 添加了 FixedMenu 及 SelectBox 组件 #引入 tandat-UI
npm i tansun-tandata-ui
在 main.js 中写入以下内容:
import Vue from 'vue';
import tandataUI from 'tansun-tandata-ui'
Vue.use(tandataUI)
#FixedMenu 右侧悬浮菜单
<td-fixed-menu :Data="menuData"> <div v-for="(v,i) in menuData" :slot="v.name" :key="i">{{v.name}} </div> </td-fixed-menu>
data () {
return {
menuData:[{
name:'基础信息',
id:'1'
},{
name:'运行参数',
id:'2'
},{
name:'高级配置',
id:'3'
}]
}
}
#tdFixedBall 悬浮球
<td-fixed-ball :Data.sync="Data"></td-fixed-ball>
data () {
return {
Data:[
{type:0,id:'1',name:'test1',chName:undefined},
{type:1,id:'2',name:'test2',chName:'222'},
{type:1,id:'3',name:'test3',chName:'333'},
]
}
}
#TdMask 遮罩层
<td-mask background="#000"></td-mask>
#SelectBox 查询框
<td-select-box > <div slot="first"> 左侧内容 </div> <div slot="last"> 右侧内容 </div> </td-select-box>
#td-tabs 标签
type: card |border-bottom-card |border-card theme: dark| vs
#> `js
</td-tabs>
</div>
</div>
</td-tabs>
1.0.1
3 years ago