|
|
@@ -12,40 +12,42 @@
|
|
|
<view class="item">
|
|
|
<view class="card" @click="goDetail(item.id)" v-for="(item,index) in list" :key="index">
|
|
|
<view class="left">
|
|
|
- <image :src="item.cover" mode=""></image>
|
|
|
+ <image :src="item.cover" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="right" style="width: 100%;">
|
|
|
<view class="title flex justify-between" >
|
|
|
<view class="text-cut-1" style="width: 70%;">
|
|
|
<text class="">{{item.name}}</text>
|
|
|
</view>
|
|
|
- <view v-if="vuex_audit==1" @click.stop="$jump(`/pagesD/pages/menu/menu?shopId=${item.id}`)" class="text-base center" style="font-size: 28rpx;font-weight: normal;">
|
|
|
- <image class="" style="width: 36rpx;height: 36rpx;margin-right: 4rpx;" src="@/static/icon/order.png" mode=""></image>
|
|
|
+ <view v-if="vuex_audit==1" @click.stop="$jump(`/pagesD/pages/menu/menu?shopId=${item.id}`)" class="text-base center" style="font-size: 26rpx;font-weight: normal;">
|
|
|
+ <image class="" style="width: 32rpx;height: 32rpx;margin-right: 4rpx;" src="@/static/icon/order.png" mode=""></image>
|
|
|
<text>去点餐</text>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
- <view class="">
|
|
|
- <block>
|
|
|
- <u-icon name="star-fill" color="#ff7001" size="30"></u-icon>
|
|
|
- <text
|
|
|
- style="margin-left: 4rpx;margin-right: 20rpx;color: #ff7001;font-size: 26rpx;">{{item.score}}</text>
|
|
|
- </block>
|
|
|
- <block>
|
|
|
- <text>月售</text>
|
|
|
- <text class="margin-left-10">{{item.sales==-1?0:item.sales}}</text>
|
|
|
- </block>
|
|
|
+ <view class="margin-bottom-20">
|
|
|
+ <view class="data">
|
|
|
+ <view class="">
|
|
|
+ <block>
|
|
|
+ <u-icon name="star-fill" color="#ff7001" size="30"></u-icon>
|
|
|
+ <text
|
|
|
+ style="margin-left: 4rpx;margin-right: 20rpx;color: #ff7001;font-size: 26rpx;">{{item.score}}</text>
|
|
|
+ </block>
|
|
|
+ <block>
|
|
|
+ <text>月售</text>
|
|
|
+ <text class="margin-left-10">{{item.sales==-1?0:item.sales}}</text>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-icon name="map-fill" color="#FF9447"></u-icon>
|
|
|
+ <text class="margin-left-10">{{distance(item.latitude,item.longitude)}} km</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <u-icon name="map-fill" color="#FF9447"></u-icon>
|
|
|
- <text class="margin-left-10">{{distance(item.latitude,item.longitude)}} km</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="text-cut-2" style="width: 100%;height: 32rpx;margin-top: 14rpx;">
|
|
|
- <view v-for="(item1,index1) in item.labelKey.split(',')" :key="index1" class="cu-tag sm "
|
|
|
- style="background-color: #fff0d9;color: #ffa353;">
|
|
|
- {{item1}}
|
|
|
+ <view class="text-cut-2" style="width: 100%;height: 32rpx;margin-top: 14rpx;">
|
|
|
+ <view v-for="(item1,index1) in item.labelKey.split(',')" :key="index1" class="cu-tag sm "
|
|
|
+ style="background-color: #fff0d9;color: #ffa353;">
|
|
|
+ {{item1}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -151,25 +153,24 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.item {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
margin-top: 50rpx;
|
|
|
|
|
|
.card {
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
display: flex;
|
|
|
border-bottom: 1rpx solid #ececec;
|
|
|
- padding-bottom: 20rpx;
|
|
|
+ padding-bottom: 10rpx;
|
|
|
|
|
|
.left {
|
|
|
- width: 30%;
|
|
|
+ width: 32%;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
- border-radius: 12rpx;
|
|
|
- height: 180rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ height: 175rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -178,12 +179,11 @@
|
|
|
display: flex;
|
|
|
width: 70%;
|
|
|
flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
.title {
|
|
|
-
|
|
|
- font-size: 30rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
font-weight: 800;
|
|
|
- margin-bottom: 30rpx;
|
|
|
}
|
|
|
|
|
|
.data {
|