tpx_xcx/pages/rules/index.vue

<template>
    <view class="u-rules">
        <parse :content="html"></parse>
    </view>
</template>

<script>
    import parse from "../../components/basic-component/app-rich/parse.vue";
    export default {
        name: "index",
        data() {
            return {
                html: ''
            }
        },
        components: {
            parse
        },
        onLoad(options) { this.$commonLoad.onload(options);
            options.keys ? options.keys = JSON.parse(options.keys) : null;
            options.data ? options.data = JSON.parse(options.data) : null;
            this.request(decodeURIComponent(options.url), options.key, options.keys, options.data, options.title);
        },
        methods: {
            async request(url,key, keys, data, title) {
                const res = await this.$request({
                    url: url,
                    method: 'get',
                    data: data ? data : null
                });
                if (res.code === 0) {
                    if (keys && this.$validation.array(keys)) {
                        if (keys.length === 2) {
                            this.html = res.data[keys[0]][keys[1]];
                        }
                    } else {
                        this.html = res.data[key];
                    }
                    if(title) {
                        uni.setNavigationBarTitle({
                            title: title
                        });
                    }
                } else {
                    uni.showModal({
                        title: '提示',
                        content: res.msg
                    });
                }
            }
        }
    }
</script>

<style scoped lang="scss">
    .u-rules {
        min-height: 100vh;
        background-color: #ffffff;
        padding: 24upx;
    }
</style>