Smart_webview_ui NPM

smart-webview-ui

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

安装

npm install smart_webview_ui

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

使用

    # 全局使用

    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'