| | |
| | | </view> |
| | | |
| | | <template v-if="freeVideos.length > 0"> |
| | | <image class="free-divider" |
| | | <!-- <image class="free-divider" |
| | | src="http://obs.haizhentong.com/file/free-172b4e6b23924752a06c7c13cf93237f.png" |
| | | mode="widthFix"></image> |
| | | mode="widthFix"></image> --> |
| | | |
| | | <view class="list-items"> |
| | | <view class="list-item" :class="{ 'list-item--active': isPlayingVideo(item.id) }" |
| | |
| | | </template> |
| | | |
| | | <template v-if="paidVideos.length > 0"> |
| | | <image class="pay-divider" |
| | | <!-- <image class="pay-divider" |
| | | src="http://obs.haizhentong.com/file/payToUnlock-b05a6aa76d9c42e6a9c532938180588b.png" |
| | | mode="widthFix"> |
| | | </image> |
| | | </image> --> |
| | | |
| | | <view class="list-items"> |
| | | <view class="list-item" :class="{ 'list-item--active': isPlayingVideo(item.id) }" |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .container { |
| | | height: 100vh; |
| | | min-height: 100vh; |
| | | background-color: #f6f8fa; |
| | | display: flex; |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .nav-bar { |
| | |
| | | height: 600rpx; |
| | | position: relative; |
| | | margin-top: calc(var(--status-bar-height, 0px) + 88rpx); |
| | | flex-shrink: 0; |
| | | |
| | | .swiper-container, |
| | | .swiper { |
| | |
| | | background-color: #fff; |
| | | height: 88rpx; |
| | | border-bottom: 1px solid #f0f0f0; |
| | | flex-shrink: 0; |
| | | |
| | | .tab-item { |
| | | flex: 1; |
| | |
| | | .scroll-content { |
| | | flex: 1; |
| | | height: 0; |
| | | min-height: 0; |
| | | padding-bottom: calc(120rpx + env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .info-section { |