smart_webview_ui

Custom components based on Vue

Usage no npm install needed!

<script type="module">
  import smartWebviewUi from 'https://cdn.skypack.dev/smart_webview_ui';
</script>

README

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' 

文档列表

author: jiaowoxiaoqi1948559620@qq.com date:2018/04/18