Go to file
liubaixun 3f85c4505c fix(merge): merge
merge

Signed-off-by: liubaixun <liubaixun@yinxiang.com>
2023-10-14 14:27:04 +08:00
.hbuilderx 提交消息 2023-09-28 18:07:02 +08:00
api 解决一直加载问题 2023-10-07 16:53:26 +08:00
components fix(code): code 2023-10-02 14:34:22 +08:00
dist fix(png): png to cdn.domain 2023-10-01 16:07:53 +08:00
libs fix(code): code 2023-10-02 14:34:22 +08:00
mixins 分享/朋友圈/折线图单位 2023-10-13 14:58:18 +08:00
node_modules fix(png): png to cdn.domain 2023-10-01 16:07:53 +08:00
pages fix(merge): merge 2023-10-14 14:26:04 +08:00
static fix(image): move image to cdn 2023-10-07 10:53:38 +08:00
static-backup fix(code): code 2023-10-02 15:35:50 +08:00
uni_modules/qiun-data-charts 提交消息 2023-09-28 18:07:02 +08:00
unpackage fix(merge): merge 2023-10-14 14:27:04 +08:00
.DS_Store fix(build): build 2023-10-07 11:21:27 +08:00
.gitignore fix(ignore): add igonre 2023-10-14 14:25:46 +08:00
App.vue 自动升级版本 2023-10-13 10:06:04 +08:00
LICENSE fix(code): code 2023-10-02 14:34:22 +08:00
README.md fix(code): code 2023-10-02 14:34:22 +08:00
iconfont.css fix(code): code 2023-10-02 14:34:22 +08:00
index.html 提交消息 2023-09-28 18:07:02 +08:00
index.js fix(code): code 2023-10-02 14:34:22 +08:00
index.scss fix(code): code 2023-10-02 14:34:22 +08:00
main.js 分享/朋友圈/折线图单位 2023-10-13 14:58:18 +08:00
manifest.json update 2023-10-05 12:08:22 +08:00
package-lock.json 提交消息 2023-09-28 18:07:02 +08:00
package.json fix(code): code 2023-10-02 14:34:22 +08:00
pages.json 新增5s刷新和取消无用模块 2023-10-09 18:07:25 +08:00
project.config.json update 2023-10-05 12:08:22 +08:00
project.private.config.json 用户名和密码缓存 2023-10-07 11:51:58 +08:00
theme.scss fix(code): code 2023-10-02 14:34:22 +08:00
uni.promisify.adaptor.js 提交消息 2023-09-28 18:07:02 +08:00
uni.scss 提交消息 2023-09-28 18:07:02 +08:00

README.md

logo

uView

多平台快速开发的UI框架

说明

uView UIuni-app生态优秀的UI框架全面的组件和便捷的工具会让您信手拈来如鱼得水

特性

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

安装

# npm方式安装
npm i uview-ui

快速上手

  1. main.js引入uView库
// main.js
import uView from 'uview-ui';
Vue.use(uView);
  1. App.vue引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "uview-ui/index.scss";
</style>
  1. uni.scss引入全局scss变量文件
/* uni.scss */
@import "uview-ui/theme.scss";
  1. pages.json配置easycom规则(按需引入)
// pages.json
{
	"easycom": {
		// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
		// npm安装方式
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		// 下载安装方式
		// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

请通过快速上手了解更详细的内容

使用方法

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

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

请通过快速上手了解更详细的内容

链接

预览

您可以通过微信扫码,查看最佳的演示效果。

版权信息

uView遵循MIT开源协议意味着您无需支付任何费用也无需授权即可将uView应用到您的产品中。