vue-ydui

编程之家收集整理的这个编程导航主要介绍了vue-ydui编程之家,现在分享给大家,也给大家做个参考。

vue-ydui

vue-ydui 介绍

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

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

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

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

vue-ydui官方网站

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

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

WXPage,一个极其轻量的微信小程序开发框架
PhoneGap,一个采用HTML,CSS和JavaScript的技术,创建移动跨...
Mobiscroll,渐进式Web和混合应用程序的跨平台UI控件
Remax,全新的小程序开发体验
mobilebone.js,单页切换骨架
WeZRender,微信小程序Canvas开发