Commit 9c96d0c1 authored by 罗超's avatar 罗超

1

parent 76b9102a
......@@ -134,13 +134,16 @@
height: 300rpx;
border-radius: 12rpx;
margin: 0 10rpx 30rpx 0;
// display: flex;
// justify-content: center;
// align-items: center;
.oneimg{
width: 222rpx;
height: 222rpx;
border-radius: 12rpx;
background-color: #D7D7D7;
border: 1rpx solid #EEEEEE;
}
.fourimg-box{
......@@ -259,13 +262,14 @@
</view>
<view class="video-box">
<view v-for="(item,index) in detial.FileGroup[0].groupList" :key="index" class="pic-box" @click="goPicDetail(item.FileList)" v-if="item.FileList.length>0">
<image class="oneimg" :src="item.FileList[0].Image" mode="aspectFill" v-if="item.FileList.length<4" ></image>
<view class="fourimg-box" v-if="item.FileList.length>=4" >
<image class="oneimg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/bofang.jpg" mode="aspectFill" v-if="item.FileList.length<4" ></image>
<!-- <image class="oneimg" :src="item.FileList[0].Image" mode="aspectFill" v-if="item.FileList.length<4" ></image> -->
<!-- <view class="fourimg-box" v-if="item.FileList.length>=4" >
<div v-for="(_item,_index) in item.FileList" :key="_item.id" class="subpic-box" v-if="_index<=3">
<!-- {{_item.Path}} -->
<image class="fourimg" :src="_item.Path" mode="aspectFill" ></image>
</div>
</view>
</view> -->
<view class="item-name">
{{item.Name}}
</view>
......
......@@ -5,16 +5,16 @@
</view>
<view v-for="(item,index) in dataList" :key="index" class="img-box" style="position: relative;" v-if="dataList.length>0">
<image :src="item.Path" mode="aspectFill" class="img" v-if="item.Type==1" @click="previewImage(index)"></image>
<video :id="item.Id" :src="item.Path" style="width: 200rpx;height: 200rpx;"
<video :id="'myVideo'+index" :src="item.Path" style="width: 200rpx;height: 200rpx;"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl'
object-fit ='fill'
v-if="item.Type==2"
@click="enlarge(item.Name)"
></video>
<view
<view @click="enlarge(index)"
style="position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;" v-if="item.Type==2">
<!-- 播放按钮 -->
<image
......@@ -85,10 +85,10 @@
});
},
enlarge(file) {
enlarge(i) {
console.log(i)
// 全屏
this.videoContext = uni.createVideoContext(file);
this.videoContext = uni.createVideoContext('myVideo'+i);
this.videoContext.requestFullScreen({
direction:0
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment