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

2023-05-28 0 354

《开放源码优选》是他们撷取Github、Gitee等开放源码街道社区中高质量工程项目的版块,主要包括控制技术、自学、新颖与各式各样有意思的文本。下期所推荐的是两个uni-app自然生态的多网络平台加速合作开发的UI架构——uView UI。

uni-app在2018年末正式发布年来,始终飞速发展,三派生机勃勃,街道社区也是热闹非凡,实至名归。因而,uView不断涌现,uView的最终目标是正式成为uni-app自然生态最杰出的UI架构。

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

机能优点:

相容Android,iOS,QQ小流程,H5,QQ小流程,腾讯小流程,PayPal小流程,头条新闻小流程60+优选模块,机能强大,格朗普雷县相容,让您加速软件系统,照相狸尾豆为数众多周到的JS法宝,让您保龄球KMH,拒认,靶心为数众多的常见网页和产业布局,让您著眼方法论,四两拨千斤详细的文件格式全力支持,现代的模拟效用按需导入,简化装箱表面积

加装:

浏览门牌号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>
开源精选 | uniapp生态的多平台快速开发的UI框架

模块示例:

颜色
开源精选 | uniapp生态的多平台快速开发的UI框架
按钮
开源精选 | uniapp生态的多平台快速开发的UI框架
Layout产业布局
开源精选 | uniapp生态的多平台快速开发的UI框架
Form表单
开源精选 | uniapp生态的多平台快速开发的UI框架
其他
开源精选 | uniapp生态的多平台快速开发的UI框架
工具
开源精选 | uniapp生态的多平台快速开发的UI框架
模板
开源精选 | uniapp生态的多平台快速开发的UI框架
开源精选 | uniapp生态的多平台快速开发的UI框架

更多文本大家可自行前往阅读。

开放源码门牌号:https://gitee.com/umicro/uView

如需工程项目所推荐、

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务