zoukankan      html  css  js  c++  java
  • 基于Vue的Ui框架

    基于Vue的Ui框架


    饿了么公司基于vue开的的vue的Ui组件库


    Element Ui 基于vue pc端的UI框架


    MintUi 基于vue 移动端的ui框架

    element的使用:
    http://element.eleme.io/

    1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart

    2.安装 cnpm i element-ui -S -S表示 --save

    3.引入element UI的css 和 插件

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);


    4、*webpack.config.js 配置file_loader http://element.eleme.io/1.4/#/zh-CN/component/quickstart


    {
    test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
    loader: 'file-loader'
    }

    5.看文档直接使用。




    mintUI的使用:

     http://mint-ui.github.io/#!/en

    1.找官网

    2.安装 npm install mint-ui -S -S表示 --save

    3.引入mint Ui的css 和 插件

    import Mint from 'mint-ui';

    Vue.use(Mint);


    import 'mint-ui/lib/style.css'

    4.看文档直接使用。


    在mintUi组件上面执行事件的写法

    @click.native

    <mt-button @click.native="sheetVisible = true" size="large">点击上拉 action sheet</mt-button>

  • 相关阅读:
    linux-nohup后台运行
    linux-友好显示文件大小
    System.exit(0)会跳过finally块的执行
    Spark-scala-API
    Lua协程-测试3
    Lua协程-测试2
    Lua协程
    费马大定理
    Spring事务超时、回滚的相关说明
    springboot测试service层的单元测试
  • 原文地址:https://www.cnblogs.com/jasonLiu2018/p/11074922.html
Copyright © 2011-2022 走看看