|
@@ -1,47 +1,52 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view v-if="detaile">
|
|
<view v-if="detaile">
|
|
|
- <view class="title">{{ detaile.title }}</view>
|
|
|
|
|
- <view class="det-sta ddflex">
|
|
|
|
|
- <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="config.CONFIG_PROJECT_LOGO"></image>
|
|
|
|
|
- <view class="sitename" @click="toIndex('')">{{config.CONFIG_PROJECT_TITLE}}</view>
|
|
|
|
|
- <view class="time">{{getDateTimeStamp(detaile.time)}}</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="video" v-if="detaile.resourceUri&&JSON.parse(detaile.resourceUri).uri">
|
|
|
|
|
- <video :src="JSON.parse(detaile.resourceUri).uri" :show-center-play-btn="false" :controls="true" :autoplay="true" id="myVideo" @pause="videoPause" @ended="videoEnded"></video>
|
|
|
|
|
- <view class="video-play ddflex" @click="videoPlay()" v-if="detaile.isShowPlayBtn"><image src="../../static/images/play.png"></image></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="content">
|
|
|
|
|
- <view class="viewMore">
|
|
|
|
|
- <mp-html :content="detaile.text" :lazy-load="true" @imgtap="choose"></mp-html>
|
|
|
|
|
|
|
+ <view v-if="detaile&&detaile.contentType!=3">
|
|
|
|
|
+ <view class="title">{{ detaile.title }}</view>
|
|
|
|
|
+ <view class="det-sta ddflex">
|
|
|
|
|
+ <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="config.CONFIG_PROJECT_LOGO"></image>
|
|
|
|
|
+ <view class="sitename" @click="toIndex('')">{{config.CONFIG_PROJECT_TITLE}}</view>
|
|
|
|
|
+ <view class="time">{{getDateTimeStamp(detaile.time)}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view style="font-size: 24rpx;color: #999999;line-height: 36rpx;padding: 0 30rpx;">
|
|
|
|
|
- 本文仅代表作者观点,版权归原创者所有,如需转载请在文中注明来源及作者名字。
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="operate dflex">
|
|
|
|
|
- <view class="zan dflex">
|
|
|
|
|
- 共{{detaile.browse}}次浏览</view>
|
|
|
|
|
- <view class="ddflex">
|
|
|
|
|
- <button style="margin-right: 20rpx !important;" class="share ddflex" hover-class="none" @click="userBehavior()"><image :src="detaile.isThumbs?'/static/images/like_h.png':'/static/images/like.png'"></image>{{detaile.thumbsNumber}}</button>
|
|
|
|
|
- <button class="share ddflex" hover-class="none" open-type="share"><image src="/static/images/share.png"></image>分享</button>
|
|
|
|
|
|
|
+ <view class="video" v-if="detaile.resourceUri&&JSON.parse(detaile.resourceUri).uri">
|
|
|
|
|
+ <video :src="JSON.parse(detaile.resourceUri).uri" :show-center-play-btn="false" :controls="true" :autoplay="true" id="myVideo" @pause="videoPause" @ended="videoEnded"></video>
|
|
|
|
|
+ <view class="video-play ddflex" @click="videoPlay()" v-if="detaile.isShowPlayBtn"><image src="../../static/images/play.png"></image></view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view class="box" v-if="contentList && contentList.length > 0">
|
|
|
|
|
- <view class="tit dflex">为您推荐</view>
|
|
|
|
|
- <view class="rec">
|
|
|
|
|
- <navigator :url="'/topic/content/content?id=' + item.id" hover-class="none" class="li dflex" v-for="(item,index) in contentList" :key="index" v-if="index < 3">
|
|
|
|
|
- <view class="flex">
|
|
|
|
|
- <view class="rec-tit tovers">{{item.title}}</view>
|
|
|
|
|
- <view class="dflex">
|
|
|
|
|
- <!-- <view class="author ddflex"><image src="../../static/pages/images/zbgw.png" mode="aspectFill"></image>欧衡</view> -->
|
|
|
|
|
- <view class="rec-time">{{item.createDate}}</view>
|
|
|
|
|
|
|
+ <view class="content">
|
|
|
|
|
+ <view class="viewMore">
|
|
|
|
|
+ <mp-html :content="detaile.text" :lazy-load="true" @imgtap="choose"></mp-html>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view style="font-size: 24rpx;color: #999999;line-height: 36rpx;padding: 0 30rpx;">
|
|
|
|
|
+ 本文仅代表作者观点,版权归原创者所有,如需转载请在文中注明来源及作者名字。
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="operate dflex">
|
|
|
|
|
+ <view class="zan dflex">
|
|
|
|
|
+ 共{{detaile.browse}}次浏览</view>
|
|
|
|
|
+ <view class="ddflex">
|
|
|
|
|
+ <button style="margin-right: 20rpx !important;" class="share ddflex" hover-class="none" @click="userBehavior()"><image :src="detaile.isThumbs?'/static/images/like_h.png':'/static/images/like.png'"></image>{{detaile.thumbsNumber}}</button>
|
|
|
|
|
+ <button class="share ddflex" hover-class="none" open-type="share"><image src="/static/images/share.png"></image>分享</button>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="box" v-if="contentList && contentList.length > 0">
|
|
|
|
|
+ <view class="tit dflex">为您推荐</view>
|
|
|
|
|
+ <view class="rec">
|
|
|
|
|
+ <navigator :url="'/topic/content/content?id=' + item.id" hover-class="none" class="li dflex" v-for="(item,index) in contentList" :key="index" v-if="index < 3">
|
|
|
|
|
+ <view class="flex">
|
|
|
|
|
+ <view class="rec-tit tovers">{{item.title}}</view>
|
|
|
|
|
+ <view class="dflex">
|
|
|
|
|
+ <!-- <view class="author ddflex"><image src="../../static/pages/images/zbgw.png" mode="aspectFill"></image>欧衡</view> -->
|
|
|
|
|
+ <view class="rec-time">{{item.createDate}}</view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <image :src="item.pic" mode="aspectFill" class="rec-img"></image>
|
|
|
|
|
- </navigator>
|
|
|
|
|
|
|
+ <image :src="item.pic" mode="aspectFill" class="rec-img"></image>
|
|
|
|
|
+ </navigator>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <serviceContact :userId="query.userId?query.userId:''" v-if="userInfo.userType!=1"></serviceContact>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="detaile&&detaile.contentType==3">
|
|
|
|
|
+ <web-view :src="webUrl" v-if="webUrl!==''"></web-view>
|
|
|
</view>
|
|
</view>
|
|
|
- <serviceContact :userId="query.userId?query.userId:''" v-if="userInfo.userType!=1"></serviceContact>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -71,6 +76,8 @@ export default {
|
|
|
userInfo:{},
|
|
userInfo:{},
|
|
|
query:{},
|
|
query:{},
|
|
|
id:null,
|
|
id:null,
|
|
|
|
|
+
|
|
|
|
|
+ webUrl:''
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -163,6 +170,7 @@ export default {
|
|
|
res.productCategory = res.productCategory.split(',')
|
|
res.productCategory = res.productCategory.split(',')
|
|
|
}
|
|
}
|
|
|
that.detaile = res;
|
|
that.detaile = res;
|
|
|
|
|
+ that.webUrl = that.detaile.linkUrl?that.detaile.linkUrl:''
|
|
|
let arr = [];
|
|
let arr = [];
|
|
|
if(res.productCategory && res.productCategory.length > 0){
|
|
if(res.productCategory && res.productCategory.length > 0){
|
|
|
for (var i = 0; i < res.productCategory.length; i++) {
|
|
for (var i = 0; i < res.productCategory.length; i++) {
|