webkf-core-iconselect v1.1.3

介绍

webkf-core-iconselect 选择图标组件，基础开发框架为Vue2.X

安装教程

# 指定npm服务器
npm set registry http://www.xhzq.com:4873
# 安装依赖包
npm i webkf-core-iconselect
# 查看更新版本
npm view webkf-core-iconselect versions
# 更新到指定版本
npm install webkf-core-iconselect@X.X.X

更新日志

• 1.1.2 选择图标组件

登录弹窗正式版

# 使用弹窗
## 引用
### 全局使用
main.js
import IconSelect from 'webkf-core-iconselect'
import 'webkf-core-iconselect/dist/iconselect.min.css'
Vue.component(IconSelect.name, IconSelect)

### 局部使用
import IconSelect from 'webkf-core-iconselect'
import 'webkf-core-iconselect/dist/iconselect.min.css'

components: {
  IconSelect
}

### 页面使用
<button @click="openIcon"> 打开图标选择</button>
<IconSelect ref="iconsSelect" @getIcon="getIcon"></IconSelect>

    methods: {
     // 打开弹窗
      openIcon() {
        this.$refs.iconsSelect.OpenDialog()
      },
      // 关闭弹窗
      handleClose() {
        this.$refs.iconsSelect.handleClose()
      }
      // 得到返回值
      getIcon(res) {
        console.log(res)
      }
    }

### 组件参数说明
| 参数                | 说明                       | 类型        |可选值               | 默认值 |
| :----               | :----                      | :----       |:----                | :----  |
| path                | 弹窗显示内容地址（可静态） | String      | -                   | http://xhzqdb.imwork.net:9100/ICON/  |
| outType             | icon图标的属性             | String      | Menu/Tool/....      | Menu                                 |
| width               | 弹窗宽度                   | String      | -                   | 70%                                  |
| height              | 弹窗高度                   | String      | -                   | 80%                                  |