chen
/
hengmei-two
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

列表样式优化-0714

master
chen 2022-07-14 17:43:56 +08:00
parent 2202e3d916
commit fc12272c3c
12 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/list-pu.vue
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"> <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;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"> <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>
@ -24,8 +24,8 @@
</view> --> </view> -->
<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+'px'}"> <view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
<view class="clips1">{{item.title}}</view> <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> --> <!-- <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>
<!-- 视频描述 --> <!-- 视频描述 -->
@ -37,7 +37,7 @@
<!-- 发布者昵称 --> <!-- 发布者昵称 -->
<view class="clips1 opc">{{item.name}}</view> <view class="clips1 opc">{{item.name}}</view>
</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>
</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> --> <!-- <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"> <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;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"> <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>
@ -66,8 +66,8 @@
</view> --> </view> -->
<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+'px'}"> <view class="fon30 bold mar-x10 disac" :style="{fontSize:nFon-3+'px'}">
<view class="clips1">{{item.title}}</view> <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> --> <!-- <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>
<!-- 视频描述 --> <!-- 视频描述 -->
@ -79,7 +79,7 @@
<!-- 发布者昵称 --> <!-- 发布者昵称 -->
<view class="clips1 opc">{{item.name}}</view> <view class="clips1 opc">{{item.name}}</view>
</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>
</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> --> <!-- <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> -->

11
components/status-nav.vue
View File

@ -66,6 +66,17 @@
uni.setStorageSync('paramsUrl',currentPage.$page.fullPath); uni.setStorageSync('paramsUrl',currentPage.$page.fullPath);
// console.log(uni.getStorageSync('paramsUrl'),66); // console.log(uni.getStorageSync('paramsUrl'),66);
// console.log(uni.getStorageSync('url'),64); // 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() { data() {
return { return {

5
pages/tabbar/cate/cate.vue
View File

@ -363,7 +363,7 @@
model:item.model, model:item.model,
model_id:item.model_id, model_id:item.model_id,
sort:item.sort, sort:item.sort,
title:item.title title:item.title,
} }
this.cateListTwo.push(cateObj) this.cateListTwo.push(cateObj)
}) })
@ -399,7 +399,8 @@
name:item.published_by || '恒美植发',//发布者昵称 name:item.published_by || '恒美植发',//发布者昵称
isVideo:item.video.includes(".mp4"),//是否是视频 isVideo:item.video.includes(".mp4"),//是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked//是否已点赞 is_liked:item.is_liked,//是否已点赞
tag_text:item.tag_text,
} }
this.dataList.push(tObj); this.dataList.push(tObj);
}) })

3
pages/tabbar/pagehome/pagehome.vue
View File

@ -453,7 +453,8 @@
name:item.published_by || '恒美植发',//发布者昵称 name:item.published_by || '恒美植发',//发布者昵称
isVideo:item.video.includes(".mp4"),//是否是视频 isVideo:item.video.includes(".mp4"),//是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked//是否已点赞 is_liked:item.is_liked,//是否已点赞
tag_text:item.tag_text,
} }
this.dataList.push(ktObj) this.dataList.push(ktObj)
}) })

5
pagesB/doctorDetail/doctorDetail.vue
View File

@ -216,7 +216,7 @@
page:this.page, page:this.page,
size:this.size size:this.size
} }
this.$requst.post('archives/hot',params).then(res=>{ this.$requst.post('archives/category',params).then(res=>{
if(res.code==0){ if(res.code==0){
// 栏目类别 // 栏目类别
this.cateList = []; this.cateList = [];
@ -261,7 +261,8 @@
name:item.published_by || '恒美植发',//发布者昵称 name:item.published_by || '恒美植发',//发布者昵称
isVideo:item.video.includes(".mp4"),//是否是视频 isVideo:item.video.includes(".mp4"),//是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked//是否已点赞 is_liked:item.is_liked,//是否已点赞
tag_text:item.tag_text,
} }
this.dataList.push(tObj); this.dataList.push(tObj);
}) })

10
pagesB/problemDetail/problemDetail.vue
View File

@ -400,7 +400,9 @@
name: item.published_by || '恒美植发', //发布者昵称 name: item.published_by || '恒美植发', //发布者昵称
isVideo: item.video.includes(".mp4"), //是否是视频 isVideo: item.video.includes(".mp4"), //是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked//是否已点赞 is_liked:item.is_liked,//是否已点赞
tag_text:item.tag_text,
} }
if (item.cover != '' && item.video == '') { if (item.cover != '' && item.video == '') {
this.xgList.push(tObj) this.xgList.push(tObj)
@ -457,7 +459,8 @@
name: item.published_by || '恒美植发', //发布者昵称 name: item.published_by || '恒美植发', //发布者昵称
isVideo: item.video.includes(".mp4"), //是否是视频 isVideo: item.video.includes(".mp4"), //是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked//是否已点赞 is_liked:item.is_liked,//是否已点赞
tag_text:item.tag_text,
} }
if (item.cover != '' && item.video == '') { if (item.cover != '' && item.video == '') {
this.xgList.push(tObj) this.xgList.push(tObj)
@ -511,7 +514,8 @@
name: item.published_by || '恒美植发', //发布者昵称 name: item.published_by || '恒美植发', //发布者昵称
isVideo: isVideo ,//是否是视频 isVideo: isVideo ,//是否是视频
likes:item.likes,//点赞数量 likes:item.likes,//点赞数量
is_liked:item.is_liked // 是否已点赞 is_liked:item.is_liked ,// 是否已点赞
tag_text:item.tag_text,
} }
if (item.cover != '') { if (item.cover != '') {
this.allList.push(arrObj); this.allList.push(arrObj);

2
unpackage/dist/dev/.sourcemap/mp-weixin/components/list-pu.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/components/status-nav.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/tabbar/cate/cate.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/tabbar/pageHome/pageHome.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pagesB/doctorDetail/doctorDetail.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pagesB/problemDetail/problemDetail.js.map vendored
View File

File diff suppressed because one or more lines are too long