62 lines
887 B
Vue
62 lines
887 B
Vue
<template>
|
|
<view class="con-detail">
|
|
<view class="detail">
|
|
<view class="title">
|
|
{{detail.title}}
|
|
</view>
|
|
<view class="content">
|
|
<jyf-parser :html="detail.content" ref="article" :tag-style="tagStyle"></jyf-parser>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import parser from "@/components/jyf-parser/jyf-parser"
|
|
export default {
|
|
components: {
|
|
parser
|
|
},
|
|
data() {
|
|
return {
|
|
detail: {},
|
|
tagStyle: {
|
|
img: 'width:100%;display:block;',
|
|
|
|
},
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
|
|
this.detail = JSON.parse(decodeURIComponent(options.data));
|
|
|
|
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.con-detail {
|
|
.title {
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
margin-top: 30rpx;
|
|
|
|
|
|
}
|
|
|
|
.content {
|
|
margin: 20rpx 20rpx;
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
|
|
}
|
|
}
|
|
</style> |