Skip to content

M
mallapp
Commit c83ffea3 authored by 罗超's avatar 罗超
Browse files
Options

1

parent 42af69ed
Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 24 deletions
components/pubu/index.vue
View file @ c83ffea3
...@@ -12,6 +12,9 @@ ...@@ -12,6 +12,9 @@
<view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 0" <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 0"
class="left-item"> class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="item-title">
{{item.name}}
</view>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
...@@ -32,6 +35,9 @@ ...@@ -32,6 +35,9 @@
<view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 1" <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 1"
class="left-item"> class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="item-title">
{{item.name}}
</view>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
...@@ -81,6 +87,12 @@ ...@@ -81,6 +87,12 @@
<view class="left"> <view class="left">
<view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 0" class="left-item"> <view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 0" class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="item-title">
{{item.name}}
</view>
<view class="item-title">
{{item.name}}
</view>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
...@@ -100,6 +112,9 @@ ...@@ -100,6 +112,9 @@
<view class="right"> <view class="right">
<view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 1" class="left-item"> <view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 1" class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="item-title">
{{item.name}}
</view>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
...@@ -394,19 +409,31 @@ ...@@ -394,19 +409,31 @@
padding: 30rpx; padding: 30rpx;
// background-color: #eaebec; // background-color: #eaebec;
} }
.item-title{
font-family: PingFang SC;
font-size: 28rpx;
font-weight: bold;
color: #111111;
box-sizing: border-box;
padding: 20rpx 20rpx 0 20rpx;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.CreateByInfo { .CreateByInfo {
background-color: #fff; background-color: #fff;
height: 90rpx; height: 90rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 20rpx;
} }
.CreateByName, .CreateByName,
.zanNum { .zanNum {
font-size: 24rpx; font-size: 22rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; // font-weight: 500;
color: #111111; color: #111111;
} }
...@@ -439,7 +466,7 @@ ...@@ -439,7 +466,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
margin-bottom: 30rpx; margin-bottom: 30rpx;
border-radius: 30rpx; border-radius: 8rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2); box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
// display: flex; // display: flex;
......
pages/blindDate/postDetails2.vue
View file @ c83ffea3
...@@ -641,13 +641,13 @@ ...@@ -641,13 +641,13 @@
style="width: 24rpx; height: 26rpx; margin-right: 10rpx" style="width: 24rpx; height: 26rpx; margin-right: 10rpx"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
v-if="x.DianZanId == 0" v-if="x.DianZanId == 0"
@click="dianzan(x)" @click.stop="dianzan(x)"
></image> ></image>
<image <image
style="width: 24rpx; height: 26rpx; margin-right: 10rpx" style="width: 24rpx; height: 26rpx; margin-right: 10rpx"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
v-if="x.DianZanId > 0" v-if="x.DianZanId > 0"
@click="quxiaodianzan(x)" @click.stop="quxiaodianzan(x)"
></image> ></image>
{{ x.DianZanNum }} {{ x.DianZanNum }}
</view> </view>
...@@ -876,7 +876,7 @@ ...@@ -876,7 +876,7 @@
" "
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
v-if="twodata.DianZanId == 0" v-if="twodata.DianZanId == 0"
@click="dianzan(twodata)" @click.stop="dianzan(twodata)"
></image> ></image>
<image <image
style=" style="
...@@ -886,7 +886,7 @@ ...@@ -886,7 +886,7 @@
" "
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
v-if="twodata.DianZanId > 0" v-if="twodata.DianZanId > 0"
@click="quxiaodianzan(twodata)" @click.stop="quxiaodianzan(twodata)"
></image> ></image>
{{ twodata.DianZanNum }} {{ twodata.DianZanNum }}
</view> </view>
......
pages/blindDate/postbar.vue
View file @ c83ffea3
...@@ -164,8 +164,8 @@ ...@@ -164,8 +164,8 @@
style=" style="
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top-left-radius: 30rpx; border-top-left-radius: 8rpx;
border-top-right-radius: 30rpx; border-top-right-radius: 8rpx;
" "
></image> ></image>
</view> </view>
...@@ -179,12 +179,17 @@ ...@@ -179,12 +179,17 @@
<view class="Content" v-if="x.textContent">{{x.textContent}}</view> <view class="Content" v-if="x.textContent">{{x.textContent}}</view>
<view class="Content" v-html="x.Content" v-if="!x.textContent"></view> <view class="Content" v-html="x.Content" v-if="!x.textContent"></view>
<view class="hot" > <view class="hot" >
<view class="hotTag"> <view class="hotTag" v-if="x.HotCommentList.length > 0">
<image mode="widthFix" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/renqidianping.png" ></image> <!-- <image mode="widthFix" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/renqidianping.png" ></image> -->
<image :src="x.HotCommentList[0].UserPhoto" style="width: 100%;height: 100%;" mode="aspectFill"></image>
</view> </view>
<view class="hotCon"> <text v-if="x.HotCommentList.length > 0">{{ x.HotCommentList[0].Comment }}</text><text v-if="x.HotCommentList.length == 0">暂无热评</text></view> <view class="hotCon"> <text v-if="x.HotCommentList.length > 0">{{`"`}}{{ x.HotCommentList[0].Comment }}{{`"`}}</text><text v-if="x.HotCommentList.length == 0">暂无热评</text></view>
</view> </view>
<view class="hotCon2" v-if="x.HotCommentList.length > 1">{{ <view class="hotCon2" v-if="x.HotCommentList.length > 1">
<view style="width: 30rpx;height: 30rpx;border-radius: 50%;margin-right: 10rpx;overflow: hidden;">
<image :src="x.HotCommentList[1].UserPhoto" style="width: 100%;height: 100%;" mode="aspectFill"></image>
</view>
{{
x.HotCommentList[1].Comment x.HotCommentList[1].Comment
}}</view> }}</view>
</view> </view>
...@@ -683,13 +688,13 @@ export default { ...@@ -683,13 +688,13 @@ export default {
.img-box { .img-box {
width: 188rpx; width: 188rpx;
height: 188rpx; height: 188rpx;
border-radius: 30rpx; border-radius: 8rpx;
overflow: hidden; overflow: hidden;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.creatManInfo { .creatManInfo {
display: flex; display: flex;
justify-content: center; // justify-content: center;
align-items: center; align-items: center;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -698,10 +703,11 @@ export default { ...@@ -698,10 +703,11 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
padding: 0 20rpx;
.headimg { .headimg {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
border-radius: 50%; border-radius: 8rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
} }
...@@ -743,15 +749,14 @@ export default { ...@@ -743,15 +749,14 @@ export default {
display: flex; display: flex;
margin: 20rpx 0; margin: 20rpx 0;
.hotTag { .hotTag {
width: 98rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
background-color: #00c6c1; border-radius: 50%;
border-radius: 6rpx 0rpx 0rpx 6rpx; // background-color: #00c6c1;
box-sizing: border-box;
padding: 4rpx 6rpx;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
overflow: hidden;
margin-right: 10rpx;
} }
.hotCon { .hotCon {
width: 375rpx; width: 375rpx;
...@@ -760,6 +765,7 @@ export default { ...@@ -760,6 +765,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 0 10rpx; padding: 0 10rpx;
display: flex; display: flex;
flex-grow: 1;
align-items: center; align-items: center;
font-size: 20rpx; font-size: 20rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -772,6 +778,7 @@ export default { ...@@ -772,6 +778,7 @@ export default {
} }
} }
.hotCon2 { .hotCon2 {
display: flex;
font-size: 20rpx; font-size: 20rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
......
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