<template> <view class="pages"> <u-navbar title="商家合作角色权益与职责" :border-bottom="false" :background="bgc" back-icon-color="#3D3D3D" title-color='#3D3D3D' title-size='36' height='44'></u-navbar> <view class="cont" v-html="obj.content"> </view> <!-- <rich-text class="cont" :nodes="obj.content"></rich-text> --> </view> </template> <script> export default { data() { return { bgc: { // backgroundColor: "#8883f0", }, obj:{} } }, onLoad() { this.getxq() }, // 分享到好友(会话) onShareAppMessage: function() { return { title: '创亿康', path: '/pages/index/index' } }, // 分享到朋友圈 onShareTimeline: function() { return { title: '创亿康', query: '', path: '/pages/index/index' } }, methods: { getxq(){ this.$u.get("/app/article/mchInfo").then(res => { if(res.code == 200){ this.obj = res.data } }) } } } </script> <style lang="scss" scoped> /deep/ .u-title { padding-bottom: 15rpx; } /deep/ .u-icon__icon { padding-bottom: 15rpx; } .cont{ width: 100%; height: 89vh; overflow: scroll; margin-top: 10rpx; font-size: 32rpx; } .pages { background-color: #F7FAFE !important; // height: 100vh; width: 100%; padding: 0 30rpx; box-sizing: border-box; // overflow: scroll; } </style>