football/plugins/composition/rule/rule.vue

<template>
    <app-layout>
        <view class="about">
            <view class="title">{{title}}</view>
            <view class="content">
                <text space='nbsp'>{{rule}}</text>
            </view>
        </view>
    </app-layout>
</template>

<script>
    import { mapState } from "vuex";
    export default {
        data() {
            return {
                title: '',
                rule: ''
            }
        },
        computed: {
            ...mapState({
                theme: state => state.mallConfig.theme
            })
        },
        methods: {
            getList() {
                let that = this;
                that.$showLoading({
                    type: 'global',
                    text: '加载中...'
                });
                that.$request({
                    url: that.$api.composition.config,
                }).then(response=>{
                    that.$hideLoading();
                    if(response.code == 0) {
                        that.title = response.data.title;
                        that.rule = response.data.rule;
                    }else {
                        that.$hideLoading();
                        uni.showToast({
                            title: response.msg,
                            icon: 'none',
                            duration: 1000
                        });
                    }
                }).catch(response => {
                    that.$hideLoading();
                });
            },
        },
        onLoad(option) {
            this.getList();
        },
    }
</script>

<style scoped lang="scss">
    .about {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        z-index: 2;
        color: #353535;
        font-size: #{28rpx};
        .title {
            padding: #{28rpx} #{24rpx} 0;
        }
        .content {
            background-color: #fff;
            padding: #{20rpx} #{24rpx};
        }
    }
</style>