更新记录
1.1.1(2023-05-16) 下载此版本
同步
1.1.0(2023-05-10) 下载此版本
优化 z-img =>api
1.0.9(2023-04-28) 下载此版本
优化
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
z-common
快速上手之Vue3.0
不建议把老项目 升级到 Vue3.0 (升级非常麻烦,建议新项目才考虑是否使用Vue3.0)
支持:H5、App(vue)、微信小程序(其他小程序未测试)
本组件部分插件依赖与uveiw 主要作者使用
-
1、前置步骤:修改
manifest.json
内的vue
版本为vue3
-
2、项目根目录新增
index.html
文件,文件代码为<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <title></title> <!--preload-links--> <!--app-context--> <!-- 配置H5的 web图标static/logo.png --> <link rel="icon" href="./static/logo.png" /> </head> <body> <div id="app"> <!--app-html--> </div> <script type="module" src="/main.js"></script> </body> </html>
-
3、main.js 引入 z-common
// 引入 common UI
import common from './uni_modules/z-common';
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
// 使用 common UI
app.use(common)
return { app }
}
- 4、App.vue 引入基础样式(注意style标签需声明scss属性支持)
<style lang="scss">
@import "./uni_modules/z-common/index.scss";
</style>