首页 » 99链接平台 » 开源精选 | uniapp生态的多平台快速开发的UI框架(开源精选框架生态开发)

开源精选 | uniapp生态的多平台快速开发的UI框架(开源精选框架生态开发)

乖囧猫 2024-11-20 01:13:10 0

扫一扫用手机浏览

文章目录 [+]

uni-app在2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归。
因此,uView应运而生,uView的目标是成为uni-app生态最优秀的UI框架。

功能特性:

兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨众多的常用页面和布局,让您专注逻辑,事半功倍详尽的文档支持,现代化的演示效果按需引入,精简打包体积

安装:

开源精选 | uniapp生态的多平台快速开发的UI框架(开源精选框架生态开发) 99链接平台
(图片来自网络侵删)

下载地址uView UI已发布Sketch和Axure设计资源 - DCloud 插件市场

快速上手:

1. main.js引入uView库

import uView from 'uview-ui';Vue.use(uView);

2. App.vue引入基础样式(注意style标签需声明scss属性支持)

<style lang="scss">@import "uview-ui/index.scss";</style>

3. uni.scss引入全局scss变量文件

@import "uview-ui/theme.scss";

4. pages.json配置easycom规则(按需引入)

{"easycom": {// 下载安装的方式需要前面的"@/",npm安装的方式无需"@/"// 下载安装方式"^u-(.)": "@/uview-ui/components/u-$1/u-$1.vue"// npm安装方式// "^u-(.)": "uview-ui/components/u-$1/u-$1.vue"},// 此为本身已有的内容"pages": [// ......]}

5. 配置easycom规则后,自动按需引入,无需import组件,直接引用即可。

<template><u-button>按钮</u-button></template>

组件示例:

颜色

按钮

Layout布局

Form表单

其他

工具

模板

更多内容大家可自行前往阅读。

开源地址:https://gitee.com/umicro/uView

如需项目推荐、获取资源请私信作者

标签:

相关文章

女员工瞬间慌了神(领导齐鲁万元锦旗公司)

1月25日,看着挂在墙上的锦旗,丁勇明白,他肩上的担子更重了。丁勇是莘县公安局莘州派出所副所长,几天前,一名女子将一面制作精良的锦...

99链接平台 2024-12-07 阅读107 评论0