Merge pull request '邓洁 : 修改shopListItem细节' (#85) from dj into master
Reviewed-on: http://git.feashow.cn/odjbin/city-store-transfer/pulls/85
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
<view class="list-border">
|
<view class="list-border">
|
||||||
<view class="list-container" @click="enterDetail()">
|
<view class="list-container" @click="enterDetail()">
|
||||||
<view class="shop-list-img">
|
<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>
|
||||||
<view class="text-area">
|
<view class="text-area">
|
||||||
<text style="font-weight: 500;">{{shopInfo.tt}}</text>
|
<text style="font-weight: 500;">{{shopInfo.tt}}</text>
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
<view>
|
<view>
|
||||||
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
|
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
|
||||||
</view>
|
</view>
|
||||||
<text>{{shopInfo.mianji}}m2</text>
|
<text>{{shopInfo.mianji}}m²</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="pos-and-sqr pos-only">
|
<view v-else class="pos-and-sqr pos-only">
|
||||||
@@ -25,13 +25,13 @@
|
|||||||
<view>
|
<view>
|
||||||
<u-image src="/static/shoplist/dp_icon_hhhdw.png" width="12px" height="15px"></u-image>
|
<u-image src="/static/shoplist/dp_icon_hhhdw.png" width="12px" height="15px"></u-image>
|
||||||
</view>
|
</view>
|
||||||
<text>{{shopInfo.area2}}</text>
|
<text>{{shopInfo.area1}}-{{shopInfo.adress}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="rent-and-date">
|
<view class="rent-and-date">
|
||||||
<text>租金:{{shopInfo.zujin}}元/月</text>
|
<text>租金:{{shopInfo.zujin}}元/月</text>
|
||||||
<text v-if="showStyle == 0">发布日期:{{$u.timeFormat(shopInfo.pub_time,'yyyy-mm-dd')}}</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 -->
|
<!-- 有 bug -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
<view>
|
<view>
|
||||||
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
|
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
|
||||||
</view>
|
</view>
|
||||||
<text>{{shopInfo.mianji}}m2</text>
|
<text>{{shopInfo.mianji}}m²</text>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<view>
|
<view>
|
||||||
@@ -64,12 +64,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view
|
<view v-if="isADShow" class="list-ads bottom-common" style="font-size: 11px;" @click="handleAD">
|
||||||
v-if="isADShow"
|
|
||||||
class="list-ads bottom-common"
|
|
||||||
style="font-size: 11px;"
|
|
||||||
@click="handleAD"
|
|
||||||
>
|
|
||||||
<view>
|
<view>
|
||||||
<text>已将该店推给</text>
|
<text>已将该店推给</text>
|
||||||
<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.num}} </text>
|
<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.num}} </text>
|
||||||
@@ -137,17 +132,19 @@
|
|||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
delshopid: 0,
|
delshopid: 0,
|
||||||
|
leftImage: ''
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.leftImage = this.$api.imgUrl + this.shopInfo.pics.split(',')[0]
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleEdit(shopid) {
|
handleEdit(shopid) {
|
||||||
@@ -194,39 +191,47 @@
|
|||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
|
box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
.list-container {
|
.list-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-area {
|
.text-area {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
>text {
|
>text {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pos-and-sqr {
|
.pos-and-sqr {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
text {
|
text {
|
||||||
color: #359867;
|
color: #359867;
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pos-only {
|
.pos-only {
|
||||||
text {
|
text {
|
||||||
color: #A0A0A0;
|
color: #A0A0A0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rent-and-date {
|
.rent-and-date {
|
||||||
text {
|
text {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -240,42 +245,51 @@
|
|||||||
border-top: 1px solid #f7f7f7;
|
border-top: 1px solid #f7f7f7;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart-and-date {
|
.cart-and-date {
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
text {
|
text {
|
||||||
color: #359867;
|
color: #359867;
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.del-and-edit {
|
.del-and-edit {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|
||||||
>view {
|
>view {
|
||||||
margin-left: 38rpx;
|
margin-left: 38rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
text {
|
text {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-ads {
|
.list-ads {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
text {
|
text {
|
||||||
color: #359867;
|
color: #359867;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
<InputAndSwiper type='0' :bannerURL="swiperList"></InputAndSwiper>
|
<InputAndSwiper type='0' :bannerURL="swiperList"></InputAndSwiper>
|
||||||
<view class="home-content">
|
<view class="home-content">
|
||||||
<view class="service">
|
<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 open-type="contact" bindcontact="handleContact" session-from="sessionFrom" class="service-btn">
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
Reference in New Issue
Block a user