24
uniapp
一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
安装地址:uni-app官网
组件(UviewUI、ColorUI)
ColorUI具体配置:
ColorUI安装地址:ColorUI-UniApp - DCloud 插件市场
直接使用HBuilderX导入(注意HBuilderX版本,版本过低可能导致无法导入成功)
下载源码解压,复制根目录的 /ColorUI 文件夹到你的根目录
App.vue 引入关键Css main.css icon.css
<style>
@import "colorui/main.css";
@import "colorui/icon.css";
</style>
UviewUI具体配置:
UviewUI安装地址:安装 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架
main.js中引入关键代码进行全局注册
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
App.vue 引入关键Css index.scss
<style lang="scss">
@import "@/uni_modules/uview-ui/index.scss";
</style>
// 程序可在运行时根据配置或环境组装不同的装饰堆桟。
class ApplicationConfigurator is
method configurationExample() is
source = new FileDataSource("salary.dat")
if (enabledEncryption)
source = new EncryptionDecorator(source)
if (enabledCompression)
source = new CompressionDecorator(source)
logger = new SalaryManager(source)
salary = logger.load()
// ……
项目构造
colorui、uni_modules分别是下载的组件包
pages是页面配置文件夹
static存放静态资源
unpackge是小程序发布与打包后生成的文件夹
pages.json配置tabbar与导航栏
manifest.json是基础配置文件