71 lines
1.0 KiB
Vue
71 lines
1.0 KiB
Vue
<template>
|
||
<view class="begin">
|
||
<view class="title">
|
||
<view>{{this.value[3]}}</view>
|
||
<view>{{this.value[4]}}</view>
|
||
</view>
|
||
<view class="content" v-html="this.value[5]">
|
||
|
||
</view>
|
||
<view class="who">
|
||
<view>
|
||
<image src="/static/组 341.png" mode=""></image><text>发帖人：XXX</text>
|
||
</view>
|
||
<view>
|
||
评论数：{{this.value[2]}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<script>
|
||
export default {
|
||
|
||
data() {
|
||
return {
|
||
value: null
|
||
}
|
||
},
|
||
methods: {},
|
||
onLoad(option) {
|
||
const id = option.id
|
||
this.value = JSON.parse(decodeURIComponent(option.data))
|
||
console.log('id:', id)
|
||
console.log('完整数据:', this.value)
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.begin {
|
||
margin: 10px;
|
||
}
|
||
|
||
.title {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.content {
|
||
font-size: 0.8rem;
|
||
text-indent: 2em;
|
||
}
|
||
|
||
.who {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.who view {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.who view image {
|
||
height: 30px;
|
||
width: 30px;
|
||
}
|
||
</style>
|