iotcommon222 v1.0.1

iotcommon

• 简介：为物联网项目组、标识解析项目组、工业项目组提供基础功能及通用插件

工具

• 菜单生成

组件

npm 安装

npm i iotcommon -S

引入

import Vue from 'vue'
import store from '@/store'
import iotcommon from 'iotcommon/components'
import 'iotcommon/components/theme-chalk/index.css'

// 传入store主要是权限判断使用
Vue.use(iotcommon, store)

单个引入

import Vue from 'vue'
import {
    Page,
    Svg,
    Upload,
    Ellipsis,
    Has
} from 'iotcommon/components'
import 'iotcommon/components/theme-chalk/index.css'

Vue.component(Page.name, Page)
Vue.component(Svg.name, Svg)
Vue.component(Upload.name, Upload)
Vue.component(Ellipsis.name, Ellipsis)
Vue.use(Has.directive， store);
/* 或写为
 * Vue.use(Page)
 * Vue.use(Svg)
 * Vue.use(Upload)
 * Vue.use(Ellipsis)
 */

更改scss变量

新建一个scss文件，如： var.scss， ：

/* 改变内容区域的padding值 */
$containerPadding: 0;
@import "~iotcommon/packages/components/theme-chalk/index";

目前用到的scss变量

/* 主题色 */
$mainColor: #477fe3;
/* 侧边栏展开宽度 */
$sidebarWidth: 180px !default;
/* 侧边栏收起宽度 */
$sidebarSmallWidth: 50px !default;
/* 页面内容区域padding的值 */
$containerPadding: 20px !default;