vue-ydui_一只基于Vue2.x的移动端&微信UI

Web前端开发网

fly63.com

首页资源工具文章教程栏目

vue-ydui

网站地址:http://vue.ydui.org

GitHub:https://github.com/ydcss/vue-ydui

网站描述:一只基于Vue2.x的移动端&微信UI

访问官网

GitHub

vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。

Vue-ydui 特性

提供两种样式单位（rem 和 px）版本；

高质量、功能丰富；

友好的 api ，自由灵活地使用空间；

细致、漂亮的 UI；

使用单文件的 Vue 组件化开发模式；

基于 npm + webpack + babel 开发，支持 ES2015；

真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

Vue-ydui 安装

推荐使用 npm 来安装，享受生态圈和工具带来的便利，更好地和 webpack 配合使用，当然，也推荐使用 ES2015。

$ npm install vue-ydui --save

目录结构

vue-ydui   /* 通过 npm install vue-ydui 下载的目录结构 */
|
|-- dist
|   |-- lib.px   /* 独立单个组件目录（css单位使用px） */
|   |   |-- actionsheet
|   |   |-- badge
|   |   |-- ...
|   |
|   |-- lib.rem   /* 独立单个组件目录（css单位使用rem） */
|   |   |-- actionsheet
|   |   |-- badge
|   |   |-- ...
|   |
|   |-- ydui.base.css   /* 重置基础样式（其未包含任何组件样式） */
|   |-- ydui.flexible.js   /* rem自适应类库 */
|   |-- ydui.rem.js   /* rem版核心文件，默认 */
|   |-- ydui.rem.css   /* 所有组件样式（使用rem） */
|   |-- ydui.px.js   /* px版核心文件 */
|   |-- ydui.px.css   /* 所有组件样式（使用px） */
|   |
|-- LICENSE
|-- package.json
|-- README.md