列表样式优化-0714

master
chen 2022-07-14 17:43:56 +08:00
parent 2202e3d916
commit fc12272c3c
12 changed files with 40 additions and 22 deletions

View File

@ -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">
<!-- 背景图 -->
<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;bottom: 160rpx;z-index: 1;">
<view class="posia fon24 colf" style="right: 10rpx;top: 40rpx;z-index: 1;">
<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>
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999':item.likes}}</view>
@ -24,8 +24,8 @@
</view> -->
<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+'px'}">
<view class="clips1">{{item.title}}</view>
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
<view class="clips2">{{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> -->
</view>
<!-- 视频描述 -->
@ -37,7 +37,7 @@
<!-- 发布者昵称 -->
<view class="clips1 opc">{{item.name}}</view>
</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 :style="{fontSize:(nFon-3)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">{{item.tag_text}}</text>
</view>
</view>
<!-- <image v-if="item.isVideo && isVedio" :style="{width:nWidth+'rpx',height:nHeight+'rpx'}" class="posia" style="top: 50%;left: 50%;transform: translate(-50%,-50%);" src="/static/public/video.png" mode=""></image> -->
@ -48,7 +48,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">
<!-- 背景图 -->
<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;bottom: 160rpx;z-index: 1;">
<view class="posia fon24 colf" style="right: 10rpx;top: 40rpx;z-index: 1;">
<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>
<view style="text-shadow: 0px 0px 3px #000000;">{{item.likes>1000 ? '999':item.likes}}</view>
@ -66,8 +66,8 @@
</view> -->
<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+'px'}">
<view class="clips1">{{item.title}}</view>
<view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
<view class="clips2">{{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> -->
</view>
<!-- 视频描述 -->
@ -79,7 +79,7 @@
<!-- 发布者昵称 -->
<view class="clips1 opc">{{item.name}}</view>
</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 :style="{fontSize:(nFon-3)+'px',marginLeft:nmarz+'px'}" style="border-radius: 5rpx;padding: 0 6rpx;text-align: center;" class="pbackc flexs">{{item.tag_text}}</text>
</view>
</view>
<!-- <image v-if="item.isVideo && isVedio" :style="{width:nWidth+'rpx',height:nHeight+'rpx'}" class="posia" style="top: 50%;left: 50%;transform: translate(-50%,-50%);" src="/static/public/video.png" mode=""></image> -->

View File

@ -66,6 +66,17 @@
uni.setStorageSync('paramsUrl',currentPage.$page.fullPath);
// console.log(uni.getStorageSync('paramsUrl'),66);
// console.log(uni.getStorageSync('url'),64);
if(currentPage.$page.fullPath.indexOf('channel')>=0 || currentPage.$page.fullPath.indexOf('invite_code')>=0){
let params = {
path:currentPage.$page.fullPath,
openid:uni.getStorageSync('openid')
}
this.$requst.post('user/unusual-enter',params).then(res=>{
if(res.code==0){
}
})
}
},
data() {
return {

View File

@ -363,7 +363,7 @@
model:item.model,
model_id:item.model_id,
sort:item.sort,
title:item.title
title:item.title,
}
this.cateListTwo.push(cateObj)
})
@ -399,7 +399,8 @@
name:item.published_by || '恒美植发',//
isVideo:item.video.includes(".mp4"),//
likes:item.likes,//
is_liked:item.is_liked//
is_liked:item.is_liked,//
tag_text:item.tag_text,
}
this.dataList.push(tObj);
})

View File

@ -453,7 +453,8 @@
name:item.published_by || '恒美植发',//
isVideo:item.video.includes(".mp4"),//
likes:item.likes,//
is_liked:item.is_liked//
is_liked:item.is_liked,//
tag_text:item.tag_text,
}
this.dataList.push(ktObj)
})

View File

@ -216,7 +216,7 @@
page:this.page,
size:this.size
}
this.$requst.post('archives/hot',params).then(res=>{
this.$requst.post('archives/category',params).then(res=>{
if(res.code==0){
//
this.cateList = [];
@ -261,7 +261,8 @@
name:item.published_by || '恒美植发',//
isVideo:item.video.includes(".mp4"),//
likes:item.likes,//
is_liked:item.is_liked//
is_liked:item.is_liked,//
tag_text:item.tag_text,
}
this.dataList.push(tObj);
})

View File

@ -400,7 +400,9 @@
name: item.published_by || '恒美植发', //
isVideo: item.video.includes(".mp4"), //
likes:item.likes,//
is_liked:item.is_liked//
is_liked:item.is_liked,//
tag_text:item.tag_text,
}
if (item.cover != '' && item.video == '') {
this.xgList.push(tObj)
@ -457,7 +459,8 @@
name: item.published_by || '恒美植发', //
isVideo: item.video.includes(".mp4"), //
likes:item.likes,//
is_liked:item.is_liked//
is_liked:item.is_liked,//
tag_text:item.tag_text,
}
if (item.cover != '' && item.video == '') {
this.xgList.push(tObj)
@ -511,7 +514,8 @@
name: item.published_by || '恒美植发', //
isVideo: isVideo ,//
likes:item.likes,//
is_liked:item.is_liked //
is_liked:item.is_liked ,//
tag_text:item.tag_text,
}
if (item.cover != '') {
this.allList.push(arrObj);

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