czg_team
/
new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复ios选集换行问题

This commit is contained in:
YeMingfei666 2025-01-17 18:28:29 +08:00
parent 9651c9cb6f
commit 3b776a3beb
2 changed files with 17 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
components/my-video-list/list-item.vue
View File

@ -524,47 +524,6 @@
} }
} }
.ji-list {
.ji-item {
width: 210rpx;
margin-bottom: 20rpx;
margin-right: 30rpx;
height: 88rpx;
font-size: 28rpx;
color: #333;
border-radius: 12rpx;
background-color: #F5F7FF;
position: relative;
&.active {
background-color: $my-main-color;
color: #fff;
}
.lock {
position: absolute;
border-radius: 0px 6px 0px 6px;
background-color: #ccc;
padding: 2rpx 4rpx;
top: 0;
right: 0;
}
.playing {
position: absolute;
width: 32rpx;
height: 24rpx;
bottom: 5px;
right: 7px;
}
}
}
/* #ifdef H5 */
.ji-item:nth-of-type(3n) {
margin-right: 0;
}
/* #endif */
.hot { .hot {
width: 40rpx; width: 40rpx;

35
components/my-video-list/my-video-list.vue
View File

@ -48,25 +48,23 @@
</view> </view>
<up-icon name="close" :size="16" color="#333" bold @click="popupClose('show')"></up-icon> <up-icon name="close" :size="16" color="#333" bold @click="popupClose('show')"></up-icon>
</view> </view>
<view :style="{height:xuanjiData.height+'px',overflow:'hidden'}"> <scroll-view scroll-y="true" class="u-m-t-30 xuanji-scroll" :style="{height:xuanjiData.height+'px'}"
<scroll-view scroll-y="true" class="u-m-t-30 xuanji-scroll" :style="{height:xuanjiData.height+'px'}" :scroll-top="xuanjiData.scrollTop" :show-scrollbar="false">
:scroll-top="xuanjiData.scrollTop" :show-scrollbar="false"> <view class="ji-list u-flex u-flex-row u-flex-wrap">
<view class="ji-list u-flex u-flex-row u-flex-wrap"> <view class="ji-item u-flex-xy-center u-text-center" @click="jiClick(item,index)"
<view class="ji-item u-flex-xy-center u-text-center" @click="jiClick(item,index)" :class="[nowIndex==index?'active':'',(index+1)%3==0?'mr-0':'','ji-item'+index]"
:class="[nowIndex==index?'active':'',(index+1)%3==0?'mr-0':'','ji-item'+index]" v-for="(item,index) in list" :key="index">
v-for="(item,index) in list" :key="index"> <text class="u-font-28" :class="{'color-fff':nowIndex==index}">第{{index+1}}集</text>
<text class="u-font-28" :class="{'color-fff':nowIndex==index}">第{{index+1}}集</text> <view class="lock u-flex-xy-center" v-if="!item.videoUrl">
<view class="lock u-flex-xy-center" v-if="!item.videoUrl"> <up-icon name="lock" :size="14" color="#fff"></up-icon>
<up-icon name="lock" :size="14" color="#fff"></up-icon> <!-- <image class="lock-icon" src="@/static/images/lock.png" mode=""></image> -->
<!-- <image class="lock-icon" src="@/static/images/lock.png" mode=""></image> -->
</view>
<image v-if="nowIndex==index" class="playing" src="@/static/images/playIng.png" mode="">
</image>
</view> </view>
<image v-if="nowIndex==index" class="playing" src="@/static/images/playIng.png" mode="">
</image>
</view> </view>
</view>
</scroll-view> </scroll-view>
</view>
</view> </view>
</up-overlay> </up-overlay>
@ -1041,7 +1039,7 @@
.ji-list { .ji-list {
.ji-item { .ji-item {
width: 210rpx; width: 208rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-right: 30rpx; margin-right: 30rpx;
height: 88rpx; height: 88rpx;
@ -1083,7 +1081,8 @@
} }
} }
} }
.ji-item:nth-of-type(3n) { .ji-item:nth-of-type(3n) {
margin-right: 0; margin-right: 0;
} }