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>

  • 相关阅读:
    MySQL数据库的基本操作命令
    autoCAD2014安装过程
    网站降权与恢复
    移动站的优化技巧
    Robots.txt详解
    友情链接交换技巧
    网站日志分析
    seo-网站内容的创建与优化
    网站外链的建设技巧
    网站内链优化
  • 原文地址:https://www.cnblogs.com/jasonLiu2018/p/11074922.html
Copyright © 2011-2022 走看看