smart_webview_ui/README.md

Custom components based on Vue

### smart-webview-ui

> 基于vue构建的一套可复用webview组件

### 安装

> npm install smart_webview_ui

```txt

    # 由于组件构成采用scss处理样式，故项目中需要引入node-sass,sass-loader
    
    npm install node-sass sass-loader
    
    # 由于组件单位采用rem，故项目中需引入rem
```

### 使用

```txt

    # 全局使用

    1. 项目入口文件main.js中
    
       import Vue from 'vue'
       import SmartUi from 'smart_webview_ui'

    2. .vue 文件中使用
       
       <sm-header></sm-header>
    
    # 按需引用
    
    1. 需要用到的.vue文件中
       
       import { Header } from 'smart_webview_ui'
    
    2. components中进行注册
       
        components:{
            Header
        }
    
    # 使用smart-webview-ui icon||rem.js

    main.js中引用

        import'smart_webview_ui/src/assets/iconfont/iconfont.css' 

        import'smart_webview_ui/src/assets/js/rem.js' 
```

### 文档列表

- [sm_header](http://47.96.6.116:10080/smartmice/smartui_webview/src/master/src/components/sm_header/sm_header.md)

- [sm_footer](http://47.96.6.116:10080/smartmice/smartui_webview/src/master/src/components/sm_footer/sm_footer.md)

- [sm_cell](http://47.96.6.116:10080/smartmice/smartui_webview/src/master/src/components/sm_cell/sm_cell.md)

> author: jiaowoxiaoqi<1948559620@qq.com>
> date：2018/04/18