列表图片位置调整
parent
276abe0f73
commit
6daa6818e7
|
@ -33,7 +33,7 @@
|
||||||
.cateActive{background-color: #F5F5F5;border-radius: 10rpx 0rpx 0rpx 10rpx;padding: 20rpx 10rpx;text-align: center;margin-left: 10rpx;}
|
.cateActive{background-color: #F5F5F5;border-radius: 10rpx 0rpx 0rpx 10rpx;padding: 20rpx 10rpx;text-align: center;margin-left: 10rpx;}
|
||||||
.cate-tu-item{padding: 16rpx 20rpx;background-color: #DFDFDF;}
|
.cate-tu-item{padding: 16rpx 20rpx;background-color: #DFDFDF;}
|
||||||
.cate-box{position: fixed;top: 0;left: 0;bottom: 140rpx;background-color: #FFFFFF;}
|
.cate-box{position: fixed;top: 0;left: 0;bottom: 140rpx;background-color: #FFFFFF;}
|
||||||
.list-min{min-height: 380rpx;}
|
.list-min{min-height: 420rpx;}
|
||||||
.cate-box .fon26 .mar-s20:first-child {margin-top: 50rpx;}
|
.cate-box .fon26 .mar-s20:first-child {margin-top: 50rpx;}
|
||||||
/* 搜索 */
|
/* 搜索 */
|
||||||
.search-input-box{width: 100%;padding-bottom: 20rpx;}
|
.search-input-box{width: 100%;padding-bottom: 20rpx;}
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<view @tap="goDetail(index)" v-if="index%2==0" :class="radiu?'radius15 mar-x10':'radius30 mar-x15'" class="posir colf zou" v-for="(item,index) in list" :key="index">
|
<view @tap="goDetail(index)" v-if="index%2==0" :class="radiu?'radius15 mar-x10':'radius30 mar-x15'" class="posir colf zou" v-for="(item,index) in list" :key="index">
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<image lazy-load :class="radiu?'radius15':'radius30'" class=" width100 list-min" :src="item.main_img" mode="widthFix"></image>
|
<image lazy-load :class="radiu?'radius15':'radius30'" class=" width100 list-min" :src="item.main_img" mode="widthFix"></image>
|
||||||
<view class="posia fon24 colf" style="right: 10rpx;top: 30rpx;z-index: 1;">
|
<view class="posia fon24 colf" style="right: 10rpx;bottom: 140rpx;z-index: 1;">
|
||||||
<view @tap.stop="praiseEv(index)" class="disjcac fc">
|
<view @tap.stop="praiseEv(index)" class="disjcac fc">
|
||||||
<image class="img-box" lazy-load :style="{width: radiu ?'40rpx':'60rpx',height: radiu ?'40rpx':'60rpx'}" :src="['/static/public/list-nlike.png','/static/public/detail-like.png'][item.is_liked]" mode="aspectFill"></image>
|
<image class="img-box" lazy-load :style="{width: radiu ?'40rpx':'60rpx',height: radiu ?'40rpx':'60rpx'}" :src="['/static/public/list-nlike.png','/static/public/detail-like.png'][item.is_liked]" mode="aspectFill"></image>
|
||||||
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999+':item.likes}}</view>
|
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999+':item.likes}}</view>
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
<view v-if="item.main_img!=''" :class="radiu?'list-cont-box15':'list-cont-box'" class="posia fon20">
|
<view v-if="item.main_img!=''" :class="radiu?'list-cont-box15':'list-cont-box'" class="posia fon20">
|
||||||
<!-- 视频标题 -->
|
<!-- 视频标题 -->
|
||||||
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
|
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
|
||||||
<view class="clips2">{{item.title}}</view>
|
<view class="clips1">{{item.title}}</view>
|
||||||
<!-- <text v-if="item.isVideo && isVedio" :style="{fontSize:(nFon-2)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">视频</text> -->
|
<!-- <text v-if="item.isVideo && isVedio" :style="{fontSize:(nFon-2)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">视频</text> -->
|
||||||
</view>
|
</view>
|
||||||
<!-- 视频描述 -->
|
<!-- 视频描述 -->
|
||||||
|
@ -52,7 +52,7 @@
|
||||||
<view @tap="goDetail(index)" v-if="index%2!=0" :class="radiu?'radius15 mar-x10':'radius30 mar-x15'" class="posir colf zou" v-for="(item,index) in list" :key="index">
|
<view @tap="goDetail(index)" v-if="index%2!=0" :class="radiu?'radius15 mar-x10':'radius30 mar-x15'" class="posir colf zou" v-for="(item,index) in list" :key="index">
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<image lazy-load :class="radiu?'radius15':'radius30'" class="width100 list-min" :src="item.main_img" mode="widthFix"></image>
|
<image lazy-load :class="radiu?'radius15':'radius30'" class="width100 list-min" :src="item.main_img" mode="widthFix"></image>
|
||||||
<view class="posia fon24 colf" style="right: 10rpx;top: 30rpx;z-index: 1;">
|
<view class="posia fon24 colf" style="right: 10rpx;bottom: 140rpx;z-index: 1;">
|
||||||
<view @tap.stop="praiseEv(index)" class="disjcac fc">
|
<view @tap.stop="praiseEv(index)" class="disjcac fc">
|
||||||
<image class="img-box" lazy-load :style="{width: radiu ?'40rpx':'60rpx',height: radiu ?'40rpx':'60rpx'}" :src="['/static/public/list-nlike.png','/static/public/detail-like.png'][item.is_liked]" mode="aspectFill"></image>
|
<image class="img-box" lazy-load :style="{width: radiu ?'40rpx':'60rpx',height: radiu ?'40rpx':'60rpx'}" :src="['/static/public/list-nlike.png','/static/public/detail-like.png'][item.is_liked]" mode="aspectFill"></image>
|
||||||
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999+':item.likes}}</view>
|
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999+':item.likes}}</view>
|
||||||
|
@ -75,7 +75,7 @@
|
||||||
<view v-if="item.main_img!=''" :class="radiu?'list-cont-box15':'list-cont-box'" class="posia fon20 ">
|
<view v-if="item.main_img!=''" :class="radiu?'list-cont-box15':'list-cont-box'" class="posia fon20 ">
|
||||||
<!-- 视频标题 -->
|
<!-- 视频标题 -->
|
||||||
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
|
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
|
||||||
<view class="clips2">{{item.title}}</view>
|
<view class="clips1">{{item.title}}</view>
|
||||||
<!-- <text v-if="item.isVideo && isVedio" :style="{fontSize:(nFon-2)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">视频</text> -->
|
<!-- <text v-if="item.isVideo && isVedio" :style="{fontSize:(nFon-2)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">视频</text> -->
|
||||||
</view>
|
</view>
|
||||||
<!-- 视频描述 -->
|
<!-- 视频描述 -->
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue