修改页面文件样式
This commit is contained in:
@ -102,11 +102,12 @@
|
||||
@tap="handleChangeTabs(1)" :id="`benben_tabsfd4_0_c0-title-item-${'1'}`">
|
||||
<text>{{ sorting_id }}</text>
|
||||
<image class='classificationList_titleItemfd4_0_c0_c3_c1'
|
||||
:src='STATIC_URL + "62.png"'></image>
|
||||
:src='STATIC_URL + "62_2.png"'></image>
|
||||
</view> -->
|
||||
<view class="classificationList_sort_item" @tap="handleChooseSort('aid', '综合排序')">综合排序</view>
|
||||
<view class="classificationList_sort_item" @tap="handleChooseSort('score', '好评最高')">好评最高</view>
|
||||
<view
|
||||
style="margin-top: 6rpx;"
|
||||
:class="{ 'currentFilter': tabls == '2', 'classificationList_sort_item flex flex-wrap align-center': true }"
|
||||
@tap="handleChangeTabs(2)" :id="`benben_tabsfd4_0_c0-title-item-${'2'}`">
|
||||
<text>距离</text>
|
||||
@ -114,16 +115,16 @@
|
||||
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c4_c1'>
|
||||
<image v-if="tabls == 2 && sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "63.png"'></image>
|
||||
:src='STATIC_URL + "63_2.png"'></image>
|
||||
<image v-if="tabls != 2 || sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "64.png"'></image>
|
||||
:src='STATIC_URL + "64_2.png"'></image>
|
||||
<image v-if="tabls != 2 || sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "62.png"'></image>
|
||||
:src='STATIC_URL + "62_2.png"'></image>
|
||||
<image v-if="tabls == 2 && sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "65.png"'></image>
|
||||
:src='STATIC_URL + "65_2.png"'></image>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
@ -134,20 +135,20 @@
|
||||
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c5_c1'>
|
||||
<image v-if="tabls == 3 && sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "63.png"'></image>
|
||||
:src='STATIC_URL + "63_2.png"'></image>
|
||||
<image v-if="tabls != 3 || sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "64.png"'></image>
|
||||
:src='STATIC_URL + "64_2.png"'></image>
|
||||
<image v-if="tabls != 3 || sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "62.png"'></image>
|
||||
:src='STATIC_URL + "62_2.png"'></image>
|
||||
<image v-if="tabls == 3 && sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "65.png"'></image>
|
||||
:src='STATIC_URL + "65_2.png"'></image>
|
||||
<!-- <image class='classificationList_titleItemfd4_0_c0_c5_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL+"64.png"'></image>
|
||||
:src='STATIC_URL+"64_2.png"'></image>
|
||||
<image class='classificationList_titleItemfd4_0_c0_c5_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL+"65.png"'></image> -->
|
||||
:src='STATIC_URL+"65_2.png"'></image> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -193,7 +194,10 @@
|
||||
<text class='classificationList_fd5_0_c1_c0_c0_c0'>{{ item.store_name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center classificationList_fd5_0_c1_c1'>
|
||||
<view class='flex flex-wrap align-center homePage_fd4_1_c1_c1' style="margin-top: 18rpx;">
|
||||
<text class='storeDetails_fd2_0_c1_c1_c1' style="margin: 0 20rpx 0 0; color: #FF9D00;font-size: 26rpx;"
|
||||
v-if="item.store_type">{{item.store_type}}</text>
|
||||
<text style="margin-right: 20rpx;color:#E5E5E5">|</text>
|
||||
<image class='classificationList_fd5_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL + "31.png"'>
|
||||
</image>
|
||||
<!-- <uv-rate count="5" :value="item.score" inactiveColor="#FF5951" activeColor="#FF5951" gutter="1" :allowHalf="true"></uv-rate> -->
|
||||
@ -202,9 +206,9 @@
|
||||
<text class='classificationList_fd5_0_c1_c1_c2'>分</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center justify-between classificationList_fd5_0_c1_c2'>
|
||||
<view class='flex flex-wrap align-center'>
|
||||
<text class='classificationList_fd5_0_c1_c2_c0_c0'>关注人数</text>
|
||||
<text class='classificationList_fd5_0_c1_c2_c0_c1'>{{ item.collect_num }}</text>
|
||||
<view class='flex flex-wrap align-center' style="background-color: #FFEEED;padding: 4rpx 8rpx;">
|
||||
<text class='classificationList_fd5_0_c1_c2_c0_c0' style="color:#FF5951;">关注人数</text>
|
||||
<text class='classificationList_fd5_0_c1_c2_c0_c1' style="color:#FF5951;">{{ item.collect_num }}</text>
|
||||
</view>
|
||||
<!-- <view class='flex flex-wrap align-center'>
|
||||
<text class='classificationList_fd5_0_c1_c2_c1_c0'>人均¥</text>
|
||||
@ -262,7 +266,7 @@
|
||||
|
||||
<text>{{ sorting_id }}</text>
|
||||
|
||||
<image class='classificationList_titleItemfd4_0_c0_c3_c1' :src='STATIC_URL + "62.png"'>
|
||||
<image class='classificationList_titleItemfd4_0_c0_c3_c1' :src='STATIC_URL + "62_2.png"'>
|
||||
</image>
|
||||
|
||||
</view>
|
||||
@ -276,16 +280,16 @@
|
||||
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c4_c1'>
|
||||
<image v-if="tabls == 2 && sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "63.png"'></image>
|
||||
:src='STATIC_URL + "63_2.png"'></image>
|
||||
<image v-if="tabls != 2 || sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "64.png"'></image>
|
||||
:src='STATIC_URL + "64_2.png"'></image>
|
||||
<image v-if="tabls != 2 || sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "62.png"'></image>
|
||||
:src='STATIC_URL + "62_2.png"'></image>
|
||||
<image v-if="tabls == 2 && sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "65.png"'></image>
|
||||
:src='STATIC_URL + "65_2.png"'></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -299,20 +303,20 @@
|
||||
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c5_c1'>
|
||||
<image v-if="tabls == 3 && sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "63.png"'></image>
|
||||
:src='STATIC_URL + "63_2.png"'></image>
|
||||
<image v-if="tabls != 3 || sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL + "64.png"'></image>
|
||||
:src='STATIC_URL + "64_2.png"'></image>
|
||||
<image v-if="tabls != 3 || sort == 'asc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "62.png"'></image>
|
||||
:src='STATIC_URL + "62_2.png"'></image>
|
||||
<image v-if="tabls == 3 && sort == 'desc'"
|
||||
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL + "65.png"'></image>
|
||||
:src='STATIC_URL + "65_2.png"'></image>
|
||||
<!-- <image class='classificationList_titleItemfd4_0_c0_c5_c1_c0' mode="aspectFit"
|
||||
:src='STATIC_URL+"64.png"'></image>
|
||||
:src='STATIC_URL+"64_2.png"'></image>
|
||||
<image class='classificationList_titleItemfd4_0_c0_c5_c1_c1' mode="aspectFit"
|
||||
:src='STATIC_URL+"65.png"'></image> -->
|
||||
:src='STATIC_URL+"65_2.png"'></image> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -1400,4 +1404,11 @@ export default {
|
||||
margin-left: 12rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.homePage_fd4_1_c1_c1_c0 {
|
||||
width: 20rpx;
|
||||
height: 19rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 0rpx 8rpx 0rpx 0rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user