<template>
|
<view class="container">
|
<view class="f-32">{{detailInfo.title}}</view>
|
<view class="row flex j-c-s-b a-i-c c-99">
|
<view class="flex">
|
<!-- <view class="flex a-i-c mr-40">
|
<u-icon name="thumb-up-fill" color="#CECECE"></u-icon>
|
<text class="f-22 ml-10">120</text>
|
</view> -->
|
<view class="flex a-i-c">
|
<u-icon name="eye-fill" color="#CECECE"></u-icon>
|
<text class="f-22 ml-10">{{detailInfo.viewNumber}}</text>
|
</view>
|
</view>
|
<text class="f-24">{{detailInfo.createTime}}</text>
|
</view>
|
<view class="content f-28">
|
<u-parse :content="detailInfo.content"></u-parse>
|
</view>
|
<!-- <view class="action flex flex_base">
|
<view class="action-item flex_base bgc-main">
|
<u-icon name="thumb-up-fill" size="22" color="#fff"></u-icon>
|
</view>
|
<view class="action-item flex_base bgc-gray">
|
<u-icon name="thumb-up-fill" size="22" color="#fff"></u-icon>
|
</view>
|
</view> -->
|
</view>
|
</template>
|
|
<script>
|
import {
|
getDetail
|
} from '@/api/article/article.js'
|
export default {
|
data() {
|
return {
|
detailInfo: {},
|
}
|
},
|
onLoad(option) {
|
this.getDetailInfo(option.id)
|
},
|
methods: {
|
getDetailInfo(id) {
|
getDetail({
|
id
|
}).then(res => {
|
this.detailInfo = res.data;
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container {
|
padding: 0 30rpx;
|
}
|
|
.row {
|
padding: 30rpx 0;
|
}
|
|
.content {
|
margin-bottom: 90rpx;
|
}
|
|
.action-item {
|
width: 72rpx;
|
height: 72rpx;
|
border-radius: 50%;
|
|
}
|
|
.bgc-gray {
|
background-color: #C4C4C4;
|
}
|
</style>
|
