tansun-tandata-ui

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

  <div style="width:600px;" v-for="(item,index) in tabs" :key="index"  :id="'tdPane'+item.id">
    <div v-if="active==item.id">
       <td-tabs :theme="theme" :tabs.sync="tabs1" v-model="active1" :type="type" >

      </td-tabs>
    </div>

  </div>
</td-tabs>