Files
lucky_shop/pages_tool/member/card_agreement.vue

72 lines
1.4 KiB
Vue

<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="agreement-title">{{ title }}</view>
<view class="agreement-content">
<!-- <rich-text :nodes="content"></rich-text> -->
<ns-mp-html :content="content"></ns-mp-html>
</view>
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
title: '',
content: ''
};
},
onLoad() {
this.getAgreement();
},
onShow() {},
methods: {
getAgreement() {
this.$api.sendRequest({
url: '/supermember/api/membercard/agreement',
success: res => {
if (res.data && res.code == 0) {
this.title = res.data.title;
// this.content = htmlParser(res.data.content);
this.content = res.data.content;
uni.setNavigationBarTitle({
title: this.title
});
}
}
});
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages_tool/member/card_buy', {}, 'redirectTo');
return true;
}
};
</script>
<style lang="scss">
.page {
width: 100%;
height: 100%;
padding: 30rpx;
box-sizing: border-box;
background-color: #fff;
}
.agreement-title {
font-size: $font-size-toolbar;
text-align: center;
}
.agreement-content {
margin-top: $margin-updown;
word-break: break-all;
font-size: $font-size-base;
}
</style>