68 lines
1.3 KiB
Vue
68 lines
1.3 KiB
Vue
<template>
|
|
<view class="container rich-text-detail margin-top">
|
|
<!-- <rich-text class="pro-detail" :nodes="content"></rich-text> -->
|
|
<u-parse class="pro-detail" :content="content"></u-parse>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
content: '',
|
|
name:'',
|
|
};
|
|
},
|
|
onShow() {
|
|
// let richtext = uni.getStorageSync('__rich_text');
|
|
// // console.log('richtext', richtext);
|
|
// this.content = richtext;
|
|
|
|
},
|
|
onLoad(e) {
|
|
if(e && e.local){
|
|
var globalData = getApp().globalData.richcontent; //获取全局变量
|
|
this.content = globalData.value;
|
|
this.name = globalData.name;
|
|
}else{
|
|
this.content = e.content;
|
|
this.name = e.name;
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container{
|
|
|
|
}
|
|
.margin-lr {
|
|
margin-left: 20rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
.margin-top {
|
|
margin-top: 20rpx;
|
|
}
|
|
.rich-text-detail{
|
|
background: #FFFFFF;
|
|
border-radius: 10rpx;
|
|
padding:30rpx;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.pro-detail {
|
|
overflow: hidden;
|
|
-webkit-touch-callout: none;
|
|
font-size: 26rpx;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
::v-deep img{
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
</style> |