更新记录
1.0.2(2021-02-25)
下载此版本
增加主题和示例
1.0.1(2021-02-25)
下载此版本
增加主题功能
1.0.0(2021-02-25)
下载此版本
发布第一版本
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
yylp-ui
由于是css兼容主题,所有页面必须以组件开始
使用以下代码可查看所有示例
<yylp-page>
<yylp-ui></yylp-ui>
</yylp-page>
在main.js中添加
import yylp_ui from "@/uni_modules/yylp-ui/static/js/index.js";
Vue.use(yylp_ui);
在App.vue中添加全局样式
<style lang="scss">
/*每个页面公共css */
@import '~@/uni_modules/yylp-ui/static/css/index.scss';
</style>
在uni.scss中添加主题
/*加载主题*/
@import '~@/uni_modules/yylp-ui/static/css/theme/theme.scss';
添加全局状态属性
$store.state.theme_name ="default"
{
state: {
//系统主题
theme_name:"default"
},
actions: {
//切换主题
switchTheme({
state
}, themeName) {
state.theme_name = themeName
}
}
}
用于组件主题切换
修改配置 /pages.json
在属性"pages"中追加内置页面
{
"path" : "uni_modules/yylp-ui/pages/network/networkError",
"style" :
{
"navigationBarTitleText": "无网络连接",
"enablePullDownRefresh": false
}
}
添加自动引入组件
"easycom": {
"autoscan": true,
"custom": {
"yylp-(.*)": "@/uni_modules/yylp-ui/components/yylp-ui/yylp-$1.vue"
}
}