Commit 318dbd95 authored by jyx's avatar jyx

优化样式

parent 791659cc
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
<view style="position: relative;"> <view style="position: relative;">
<view style=" <view style="
position: absolute; position: absolute;
z-index: 10; z-index: 10;
width: 50rpx; width: 50rpx;
text-align: center; text-align: center;
margin-top: 8rpx; margin-top: 8rpx;
font-size: 24rpx; font-size: 24rpx;
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 0;
background-color: black; background-color: black;
width: 100%; width: 100%;
opacity: 0.5; opacity: 0.5;
...@@ -67,7 +67,9 @@ ...@@ -67,7 +67,9 @@
</view> </view>
</view> </view>
<view style="font-size: 26rpx;margin-top: 10rpx;">{{item.title}}</view> <view style="font-size: 26rpx;margin-top: 10rpx;height: 70rpx;white-space: pre-line;">
{{item.title}}
</view>
<view style="font-size: 22rpx;margin-top: 10rpx;" <view style="font-size: 22rpx;margin-top: 10rpx;"
v-if="item.orderTags!=null&&item.orderTags.length>0"> v-if="item.orderTags!=null&&item.orderTags.length>0">
<scroll-view scroll-x="true"> <scroll-view scroll-x="true">
...@@ -94,8 +96,8 @@ ...@@ -94,8 +96,8 @@
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 0;
width: 95%; width: 94%;
padding: 10rpx; padding: 10rpx;
background-color: black; background-color: black;
opacity: 0.5; opacity: 0.5;
...@@ -123,8 +125,8 @@ ...@@ -123,8 +125,8 @@
<image class="img" :src="item.coverImage" mode="aspectFill"></image> <image class="img" :src="item.coverImage" mode="aspectFill"></image>
<view style=" <view style="
position: absolute; position: absolute;
bottom: 10rpx; bottom: 0;
width: 95%; width: 94%;
padding: 10rpx; padding: 10rpx;
background-color: black; background-color: black;
opacity: 0.5; opacity: 0.5;
...@@ -248,12 +250,12 @@ ...@@ -248,12 +250,12 @@
topList: [], topList: [],
statusBarHeight: app.globalData.statusBarHeight, statusBarHeight: app.globalData.statusBarHeight,
}; };
}, },
onShow() { onShow() {
this.show() this.show()
}, },
onHide() { onHide() {
this.hide() this.hide()
}, },
methods: { methods: {
show() { show() {
...@@ -382,7 +384,7 @@ ...@@ -382,7 +384,7 @@
background-color: #fff; background-color: #fff;
break-inside: avoid; break-inside: avoid;
margin-bottom: 20rpx; margin-bottom: 20rpx;
height: 470rpx; height: 490rpx;
} }
.img { .img {
......
<template> <template>
<view style="background-color: white;"> <view style="background-color: white;">
<status-title2 :isEdit.sync="isEditStyle" :showEdit="true" :showBack="true">我的追剧</status-title2> <status-title2 :isEdit.sync="isEditStyle" :showEdit="dataList.length>0" :showBack="true">我的追剧</status-title2>
<scroll-view scroll-y="true" :style="'height: '+(windowHeight -80)+'px;padding-bottom:110rpx;'"> <scroll-view scroll-y="true" :style="'height: '+(windowHeight -80)+'px;padding-bottom:110rpx;'">
<view class="flex space" <view class="flex space"
style="display:flex; flex-wrap:wrap;height: 100%;width: 100%;background-color: white;"> style="display:flex; flex-wrap:wrap;height: 100%;width: 100%;background-color: white;">
......
...@@ -335,7 +335,7 @@ ...@@ -335,7 +335,7 @@
z-index: 99; z-index: 99;
bottom: 30%; bottom: 30%;
right: 10px; right: 10px;
width: 90rpx; width: 95rpx;
flex-direction: column; flex-direction: column;
image { image {
......
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<view class="flex space" style="display:flex; flex-wrap:wrap;"> <view class="flex space" style="display:flex; flex-wrap:wrap;">
<block v-for="(list,index2) in subList[index1]"> <block v-for="(list,index2) in subList[index1]">
<view @click.stop="selectThisVideo(index2 + (index1%30*30))" <view @click.stop="selectThisVideo(index2 + (index1%30*30))"
style="position: relative;width:16%;height: 120rpx; background: gray;border-radius: 10rpx;margin-left: 5rpx;margin-bottom: 5rpx;"> style="position: relative;width:16%;height: 120rpx; background: gray;border-radius: 10rpx;margin-left: 4rpx;margin-bottom: 5rpx;">
<image v-if="originList[ <image v-if="originList[
(index1 == 0 ? index2 : (index2 + (index1%30*30))) (index1 == 0 ? index2 : (index2 + (index1%30*30)))
].lock" src="@/static/video/lock.png" ].lock" src="@/static/video/lock.png"
......
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