‘’

liukangdong

2024-08-05 00bf17838b496e6fcfed2e521f9c27f8f0e3e3c7

 wechat_jiaxuan/pages/productVideo/index.wxss

@@ -52,8 +52,29 @@
.content {
  padding: 0 40rpx 40rpx;
}
.content .item .img {
.content .item {
  margin-bottom: 60rpx;
  position: relative;
}
.content .item video {
  border-radius: 8rpx;
}
.content .item .play {
  width: 60rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.content .item .img_wrap {
  width: 100%;
  height: 376rpx;
  position: relative;
}
.content .item .img_wrap .img {
  width: 100%;
  height: 376rpx;
}
.content .item .title {
  font-size: 30rpx;
@@ -68,3 +89,16 @@
  width: 26rpx;
  margin-right: 10rpx;
}
.video_wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 999;
}
.video_wrap video {
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 50%;
  transform: translate(0, -50%);
}