football/pages/balance/rules.vue

<template>
    <view class="app-layout">
        <app-layout>
            <view class="rule">
                <text class="text" space="nbsp" v-text="rules"></text>
            </view>
        </app-layout>
    </view>
</template>

<script>

    export default {
        name: "rules",
        data() {
            return {
                rules: '',
            }
        },
        onLoad: function (options) {
            if (options.rules) {
                this.rules = options.rules;
            }
        }

    }
</script>

<style scoped lang="scss">
    .app-layout /deep/ .app-layout {
        background: #FFFFFF;
        min-height: 100vh;
    }
    .rule {
        padding: #{30rpx};

        .text {
            word-break: break-all;
            text-align: justify;
        }
    }
</style>