科技公司 Uni-Quick脚手架开发手册 v1.0

介绍

什么是Uni-Quick快速开发脚手架?

image-20220209162050901

Uni-Quick(Uni-Quick快速开发脚手架)项目旨在提供一套进行H5移动端网页、APP、微信小程序快速开发的代码参考库。它基于UniAPP架构开发,语法采用Vue.js,CSS采用ColorUI库,部分交互组件采用Restful http接口实现。

Uni-Quick覆盖了开发一个APP所用到的基础元素、常用组件、交互组件及扩展组件,每个组件均为单独一个page页,页面有详细的说明和demo实例,实现了UI风格一致,统一的交互体验。开发者在开发的过程中可以从UniAppQuick项目中找到常用的实例进行参考,甚至直接copy then paste。

适用情景

快速原型设计;

开发一款新的APP、微信小程序、H5手机系统;

对现有APP、微信小程序、手机页面进行重构设计;

常用功能实现的代码demo;

快速上手

在线地址 :http://172.16.2.84:7777/uniquick

扫码体验:

image-20220209162444617

 

下载地址 :http://172.16.2.84:7777/uniquick-release.zip

app下载体验:

image-20220209162552235

 

元素

布局

flex布局

img

img

img

img

grid布局

img

辅助布局

img

img

背景

img

img

img

img

img

文本

img

img

图标

img

按钮

img

img

img

img

img

img

img

标签

img

 

img

img

img

 

img

img

头像

头像形状尺寸

img

内嵌文字 头像颜色

img

头像组 头像标签

HTML代码

js代码

进度条

进度条形状

image HTML代码

js代码

进度条颜色 img

HTML代码

js代码

进度条条纹 进度条比例 进度条布局

img

HTML代码

js代码

边框阴影

边框阴影 img

HTML代码

js代码

阴影 img

加载

加载中 img

完成加载 img

HTML代码