vue-ydui小白知识_一只基于Vue2.x的移动端&微信UI

vue-ydui小白知识

官方网址:http://vue.ydui.org

vue-ydui小白知识_一只基于Vue2.x的移动端&微信UI

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

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

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
海计划公众号
(0)
上一篇 2020/03/06 09:09
下一篇 2020/03/06 09:09

您可能感兴趣的内容