<template>
    <div class="pointer-rule">
        <Header title="积分规则"></Header>
        <div class="point-mall-rule">
            <div class="rule-content">
                <div v-html="ruledata.content"></div>
            </div>
        </div>
        <van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/>
    </div>
</template>
<script>
    import Vue from 'vue';
    import {mapState} from 'vuex'
    import {Loading} from 'vant';
    import Header from '@/views/common/Header.vue';
    Vue.use(Loading)
    export default {
        name:"pointrule",
        data(){
            return{

            }
        },
        computed:{
            ...mapState({
                loading: state => state.pointrule.loading,
                ruledata:state=>state.pointrule.ruledata
            })
        },
        created(){
            this.$store.dispatch({
                type: 'pointruleApi'
            })
        },
        methods:{

        },
        watch:{

        },
        components:{Header}
    }
</script>

<style scoped>
    @import "../../assets/css/pointmall/pointrule.min.css";
</style>