ui框架

- PC端 https://iviewui.com/ https://element-cn.eleme.io/#/zh-CN https://vue.ant.design/docs/vue/introduce-cn/ https://vuetifyjs.com/zh-Hans/ 基于Material Design实现 https://www.heyui.top/ 一个妹子写的组件库 - 移动端 https://youzan.github.io/vant/#/zh-CN/intro 有赞-vant https://didi.github.io/cube-ui/#/zh-CN/example 滴滴Web 移动端组件库cube-ui https://github.com/airyland/vux vux https://github.com/aidenZou/vue-weui 针对 Vue 框架移植的 We UI 框架的适配 https://github.com/tianyong90/we-vue 使用 Vue2.x + weui1.x 开发的组件 https://mand-mobile.github.io/2x-doc/#/zh-CN/docs/introduce 面向金融场景的Vue移动端UI组件库 https://nutui.jd.com/#/intro

Vant是一款移动端基于vue的组件库，V2.1.1版本非常棒。那么Vant如何使用(以下操作都是基于vue-cli3) 1.如何自动按需引入组件？ 　　《 1》安装插件：npm i babel-plugin-import -D 　　　　 babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入 　　《2》在 babel.config.js 中配置 　　　　 在 babel.config.js 中配置 　　　　 module.exports = { plugins: [ [ 'import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] }; 　　《3》在main.js中添加项目中需要用到的组件 　　　　例如： 　　　　 　　import { Button } from 'vant'; 　　　　 　　 import 'vant/lib/index.css'; 　　　　 　　Vue.use(Button); 　　　　 此步骤不能少，不然使用中无效果 2.如何结合flexible做Rem适配？ 　　看官方文档Vant 中的样式默认使用 px 作为单位，那么既然需要用rem做适配，按下面步骤操作 　　《1》如何将

一、前言 View UI，即原先的 iView，是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。 官网地址： https://www.iviewui.com/docs/introduce 二、正文 由于之前Vue的项目主要使用的UI框架为elementUI，近期有个新项目有机会可以使用一下没有使用过的UI框架，在使用中遇到一些问题，总结如下： 1.下拉菜单的点击事件 <Select v-model="model1" style="width:200px"> <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> </Select> 这是官网中下拉菜单的API，实际使用中，发现on-change并不生效（@change也不生效），正确写法应为@on-change=" "，例如： <Select v-model="model1" style="width:200px" @on-change="changeFunc"> <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> <