| | |
|---|
| | | @touchstart.stop="handleTouchStart" |
|---|
| | | @touchmove.stop="handleTouchMove" |
|---|
| | | @touchend.stop="handleTouchEnd" |
|---|
| | | :style="{bottom: marginBottom + 'px'}" |
|---|
| | | class="container"> |
|---|
| | | <!-- 进度条 - 整个区域可拖动 --> |
|---|
| | | <view class="process-warp" :style="{ opacity: showProcess ? 1 : 0 }"> |
|---|
| | |
|---|
| | | |
|---|
| | | |
|---|
| | | <!-- 视频信息层 --> |
|---|
| | | <view class="video-info"> |
|---|
| | | <view class="video-info" :style="{bottom: marginBottom + 20 + 'px'}"> |
|---|
| | | <view> |
|---|
| | | <text class="video-author">@{{item.authorName}}</text> |
|---|
| | | </view> |
|---|
| | |
|---|
| | | pageSize: 6, |
|---|
| | | videoFrom: 'recommend', |
|---|
| | | videoType: 'cook' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | marginBottom: 0 // 底部安全区域 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | onShow() { |
|---|
| | |
|---|
| | | this.startHidenTime = Date.now() |
|---|
| | | }, |
|---|
| | | onLoad() { |
|---|
| | | // 获取状态栏高度 |
|---|
| | | const systemInfo = uni.getSystemInfoSync(); |
|---|
| | | this.buttonHeight = systemInfo.statusBarHeight; |
|---|
| | | this.getKitchenTypeList(); |
|---|
| | | this.loadVideos(); |
|---|
| | | this.marginBottom = uni.getSystemInfoSync().safeAreaInsets.bottom |
|---|
| | | // 获取状态栏高度 |
|---|
| | | const systemInfo = uni.getSystemInfoSync(); |
|---|
| | | this.buttonHeight = systemInfo.statusBarHeight; |
|---|
| | | this.getKitchenTypeList(); |
|---|
| | | this.loadVideos(); |
|---|
| | | }, |
|---|
| | | onReady() { |
|---|
| | | // 初始化视频上下文 |
|---|
| | |
|---|
| | | .video-item { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | object-fit: cover; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .play-icon { |
|---|
