1.0.1 • Published 3 years ago

tansun-ui-plus v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

#说明 修改了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>