更新记录

1.0.2（2021-02-25）

增加主题和示例

1.0.1（2021-02-25）

增加主题功能

1.0.0（2021-02-25）

发布第一版本

平台兼容性

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"
    }
}