Skip to content

U
uniapp_vedio
Commit 4c988da6 authored by jyx's avatar jyx
Browse files
Options

代码优化

parent 25f26e6c
Hide whitespace changes
Inline Side-by-side
Showing with 29 additions and 8 deletions
vedio/pages/index/index.vue
View file @ 4c988da6
...@@ -44,9 +44,15 @@ ...@@ -44,9 +44,15 @@
:src="item.coverImage" mode="aspectFill"></image> :src="item.coverImage" mode="aspectFill"></image>
</view> </view>
<view style="position: absolute;bottom: 0;margin-bottom: 15rpx;margin-left: 10rpx;"> <view style="
position: absolute;
<view style="display: flex;align-items: center;"> bottom: 10rpx;
background-color: black;
width: 100%;
opacity: 0.5;
">
<view style="display: flex;align-items: center;margin-left: 10rpx;">
<image <image
style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;" style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="../../static/index/ic_index_play.png"></image> src="../../static/index/ic_index_play.png"></image>
...@@ -81,7 +87,14 @@ ...@@ -81,7 +87,14 @@
<view style="position: relative;"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style="position: absolute;bottom: 0;width: 94%;margin: 10rpx 10rpx 16rpx 10rpx;"> <view style="
position: absolute;
bottom: 10rpx;
width: 95%;
padding: 10rpx;
background-color: black;
opacity: 0.5;
">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <view style="display: flex;flex-direction: row;justify-content:space-between;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image <image
...@@ -103,7 +116,14 @@ ...@@ -103,7 +116,14 @@
<view style="position: relative;"> <view style="position: relative;">
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style="position: absolute;bottom: 0;width: 94%;margin: 10rpx 10rpx 16rpx 10rpx;"> <view style="
position: absolute;
bottom: 10rpx;
width: 95%;
padding: 10rpx;
background-color: black;
opacity: 0.5;
">
<view style="display: flex;flex-direction: row;justify-content:space-between;"> <view style="display: flex;flex-direction: row;justify-content:space-between;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image <image
...@@ -117,7 +137,7 @@ ...@@ -117,7 +137,7 @@
</view> </view>
</view> </view>
<view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view> <view style="font-size: 30rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.title}}</view>
<!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> --> <!-- <view style="font-size: 22rpx;margin-top: 10rpx;margin-left: 12rpx;">{{item.vedioDesc}}</view> -->
</view> </view>
...@@ -314,8 +334,9 @@ ...@@ -314,8 +334,9 @@
data data
}) => { }) => {
if (data.vedioMsg != null) { if (data.vedioMsg != null) {
navigateTo(`/pagesC/video/newVideoDetail?data=` + encodeURIComponent( navigateTo(`/pagesC/video/newVideoDetail?data=` +
JSON.stringify(data.vedioMsg))); encodeURIComponent(
JSON.stringify(data.vedioMsg)));
} }
} }
}); });
......
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