类别:学习文档

日期:2020-09-25 浏览:2636 评论:0

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

https://uviewui.com

  点击加群交流反馈:1129077272

   特性

  • 兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序

  • 60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用

  • 众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨

  • 众多的常用页面和布局,让您专注逻辑,事半功倍

  • 详尽的文档支持,现代化的演示效果

  • 按需引入,精简打包体积

  预览

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

weixin_mini_qrcode.png

  友情链接


  vue-admin-beautiful — 企业级、通用型中后台前端解决方案(基于vue/cli 4 最新版,同时支持电脑,手机,平板)

  vue-admin-beautiful — 在线演示

  pl-table — 完美解决 element 万级表格数据渲染卡顿问题

  luch-request — 基于 Promise 开发的 uni-app 跨平台、项目级别的请求库,它有更小的体积,易用的 api,方便简单的自定义能力


  链接

  交流反馈

  欢迎加入我们的QQ群交流反馈:点此跳转

  安装

  下载地址 —— https://ext.dcloud.net.cn/plugin?id=1593

  快速上手

  1. main.js引入uView库

// main.jsimport 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安装的方式无需"@/"		
// 下载安装方式		
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"		
// npm安装方式		
// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"	},	
// 此为本身已有的内容	
"pages": [		// ......	]}

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

  使用方法

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

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

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

下载地址

本文标题:uni-app生态最优秀的UI框架 — uView UI
本文链接:https://vtzw.com/post/289.html
作者授权:除特别说明外,本文由 零一 原创编译并授权 零一的世界 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
 您阅读本篇文章共花了: 

历史上的今天
09月
25

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。