<template>
|
<view class="pt-38">
|
<view class="br-16 shadow1 pl-31 pt-31 pr-31 pb-21 ml-31 mr-31">
|
<view class="fs-27 font-bold">
|
说明内容
|
</view>
|
<view class="mt-27 bgColor1 pt-25 pl-31 pr-31 pb-29 lh-38 fs-27">
|
{{ info.comment || '' }}
|
</view>
|
<view v-if="info.images && info.images.length > 0" class="">
|
<view class="fs-27 font-bold mt-38">
|
图片
|
</view>
|
<view class="flex a-center j-between mt-27 wrap">
|
<image v-for="(item,index) in info.images" :key="index" :src="item" mode="aspectFill" @click="previewImage(info.images,index)
|
class="w-140 h-140 mr-15 shrink0 mb-10"></image>
|
</view>
|
</view>
|
<view v-if="info.videos && info.videos.length > 0" class="">
|
<view class="fs-27 font-bold mt-28">
|
视频
|
</view>
|
<view class="flex a-center j-between mt-27 wrap">
|
<view class="relative mr-15 shrink0 mb-10" v-for="(item,index) in info.videos" :key="item"
|
@click="toPlay(item)">
|
<video :controls="false" :show-center-play-btn="false" :src="item" class="w-140 h-140"
|
mode=""></video>
|
<image src="../../static/detailImg/open.png" mode="aspectFill"
|
class="w100 h100 absolute top0 left0"></image>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="h-10 safe-b">
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
getDelayDetail
|
} from './service.js'
|
export default {
|
data() {
|
return {
|
info: {}
|
}
|
},
|
onLoad(e) {
|
getDelayDetail(e.id).then(res => {
|
if (res.data.images) {
|
res.data.images = res.data.images.split(',')
|
}
|
if (res.data.videos) {
|
res.data.videos = res.data.videos.split(',')
|
}
|
this.info = res.data
|
})
|
},
|
methods: {
|
toPlay(url) {
|
uni.navigateTo({
|
url: '/pages/work-detail/maxVideo?url=' + url
|
})
|
},
|
// 预览图片
|
previewImage(list,index) {
|
uni.previewImage({
|
urls: list,
|
current: index,
|
});
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
.shadow1 {
|
box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
|
}
|
|
.bgColor1 {
|
background-color: #FBFBFB;
|
}
|
</style>
|
