1.0.2 • Published 4 years ago
tansun-ui v1.0.2
#说明 修改了SelectBox 组件 更多按钮箭头问题 #引入 tansun-ui
npm i tansun-ui
在 main.js 中写入以下内容:
import Vue from 'vue';
import tandataUI from 'tansun-ui'
import 'tansun-ui/src/assets/index.css'
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>