odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

邓洁 : 修改shopListItem细节

Browse Source
This commit is contained in:
邓洁
2023-11-19 17:27:24 +08:00
parent 07c0aa4090
commit 676638c370
2 changed files with 62 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
components/ShowShopListItem/ShowShopListItem.vue
View File

@@ -2,7 +2,7 @@
<view class="list-border">
<view class="list-container" @click="enterDetail()">
<view class="shop-list-img">
<u-image width="80px" height="80px" :src="shopInfo.pics" radius="8px"></u-image>
<u-image :src="leftImage" width="80px" height="80px" radius="8px" :lazy-load="true"></u-image>
</view>
<view class="text-area">
<text style="font-weight: 500;">{{shopInfo.tt}}</text>
@@ -17,7 +17,7 @@
<view>
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.mianji}}m2</text>
<text>{{shopInfo.mianji}}m²</text>
</view>
</view>
<view v-else class="pos-and-sqr pos-only">
@@ -25,13 +25,13 @@
<view>
<u-image src="/static/shoplist/dp_icon_hhhdw.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.area2}}</text>
<text>{{shopInfo.area1}}-{{shopInfo.adress}}</text>
</view>
</view>
<view class="rent-and-date">
<text>租金：{{shopInfo.zujin}}元/月</text>
<text v-if="showStyle == 0">发布日期：{{$u.timeFormat(shopInfo.pub_time,'yyyy-mm-dd')}}</text>
<text v-if="showStyle == 1">转让费：{{shopInfo.zhuanrangfei}}</text>
<text v-if="showStyle == 1">转让费：{{shopInfo.zhuanrangfei}}万</text>
<!-- 有 bug -->
</view>
</view>
@@ -42,7 +42,7 @@
<view>
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
</view>
<text>{{shopInfo.mianji}}m2</text>
<text>{{shopInfo.mianji}}m²</text>
</view>
<view>
<view>
@@ -64,12 +64,7 @@
</view>
</view>
<view
v-if="isADShow"
class="list-ads bottom-common"
style="font-size: 11px;"
@click="handleAD"
>
<view v-if="isADShow" class="list-ads bottom-common" style="font-size: 11px;" @click="handleAD">
<view>
<text>已将该店推给</text>
<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.num}} </text>
@@ -137,17 +132,19 @@
return false
}
},
},
data() {
return {
delshopid: 0,
leftImage: ''
}
},
computed: {
},
created() {
this.leftImage = this.$api.imgUrl + this.shopInfo.pics.split(',')[0]
},
methods: {
handleEdit(shopid) {
@@ -194,39 +191,47 @@
border-radius: 7px;
box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
font-size: 12px;
.list-container {
display: flex;
height: 80px;
margin-bottom: 10px;
}
.text-area {
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
>text {
font-size: 14px;
}
.pos-and-sqr {
display: flex;
text {
color: #359867;
line-height: 12px;
}
>view {
margin-right: 24px;
display: flex;
>view {
margin-right: 4px;
}
}
}
.pos-only {
text {
color: #A0A0A0;
}
}
.rent-and-date {
text {
font-weight: 500;
@@ -240,42 +245,51 @@
border-top: 1px solid #f7f7f7;
padding-top: 5px;
display: flex;
>view {
display: flex;
}
}
.cart-and-date {
margin-bottom: 6px;
justify-content: space-between;
font-weight: 500;
text {
color: #359867;
line-height: 12px;
}
>view {
flex: 1;
>view {
margin-right: 4px;
}
}
}
.del-and-edit {
margin-top: 6px;
justify-content: flex-end;
>view {
margin-left: 38rpx;
}
text {
margin-left: 4px;
color: #666666;
}
}
.list-ads {
justify-content: space-between;
text {
color: #359867;
}
}
}
</style>

2
pages/index/index.vue
View File

@@ -3,7 +3,7 @@
<InputAndSwiper type='0' :bannerURL="swiperList"></InputAndSwiper>
<view class="home-content">
<view class="service">
<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx" />
<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx"></u-image>
<button open-type="contact" bindcontact="handleContact" session-from="sessionFrom" class="service-btn">
</button>
</view>