<template>
    <view class="container">
        <!-- 顶部 -->
        <!-- <view class="head mar_t20">
			
		</view> -->
        <!-- 顶部-end -->

        <!-- 内容 -->
        <view class="content mar_t20">
            <mp-html :content="detail.cont"></mp-html>
            <mp-html :content="detail.content"></mp-html>
        </view>
        <!-- 内容-end -->
    </view>
</template>

<script>
import mpHtml from "@/uni_modules/mp-html/components/mp-html/mp-html.vue"
import { post } from "@/request/api.js";
export default {
    components: {
        mpHtml,
    },
    data() {
        return {
            detail: "",
            type: "",
        };
    },
    onLoad: function (e) {
        this.type = e.type;
        this.loadData();
    },
    methods: {
        loadData: function () {
            let that = this;
            let data = {
                type: this.type,
            };
            post("v1/ShuZiTeaYW/shop/getPurchaseAgreement", data).then(
                (res) => {
                    if (res.status == 200) {
                        that.detail = res.data;
                    }
                }
            );
        },
    },
};
</script>

<style lang="scss">
// 页面配置
page {
    background: #f5f5f5;
}
// 页面配置-end

// 顶部
.head {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 40rpx 20rpx;
    box-sizing: border-box;
    font-size: 26rpx;
    color: #232323;
    font-family: "SourceHanSansCN-Medium";
    font-weight: 500;
}
// 顶部-end

// 内容
.content {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 40rpx 20rpx;
    box-sizing: border-box;
    font-size: 24rpx;
    color: #363636;
    font-family: "SourceHanSansCN-Medium";
}
// 内容-end
</style>
