jx-ui

jx frontend ui

打包发布

npm login npm publish

• cdn引用方式

  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="./dist/jx-topo.js"></script>
  <script src="./dist/jx-ui.js"></script>
  
  // 使用jx-chart时需要引入v-charts和echarts的js文件，按需引入
  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts-liquidfill.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/v-charts/lib/line.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/v-charts/lib/liquidfill.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/v-charts/lib/gauge.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/v-charts/lib/style.min.css">
  <script src="./dist/jx-chart.js"></script>

• npm引用方式

  # npm安装
  npm install jx-ui
  # 或者yarn安装
  yarn add jx-ui
  
  # 引入组件
  import JXTOPO from 'jx-ui/dist/jx-topo'
  Vue.use(JXTOPO)
  import JXUI from 'jx-ui/dist/jx-ui'
  Vue.use(JXUI,{theme:'light',borderColor:'#fff',titleColor:'#fff'})
    
  # 使用jx-chart时需要安装echarts和v-charts包
  import JXCHART from 'jx-ui/dist/jx-chart'
  Vue.use(JXCHART)