lancer_0
/
daoji_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页样式修改

This commit is contained in:
山兮 2024-03-23 17:37:04 +08:00
parent bf8dc07cb7
commit 1932a55d25
1 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
pages/service.vue
View File

@ -14,8 +14,8 @@
:class="[{'mt-md':banner.length ==0},{'abs':banner.length>0}]" :style="{ color: primaryColor }">
<view style="width: 100%;">
<view class="servetip pl-lg pr-lg pt-sm pb-sm">
<view @tap.stop="toJump('servefc', index)" v-for="(item, index) in servefc"
:key="index" class="servefc">
<view @tap.stop="toJump('servefc', index)" v-for="(item, index) in servefc" :key="index"
class="servefc">
<i class="iconfont" :class="item.icon"></i>
<span class="ml-sm">{{ item.text }}</span>
</view>
@ -25,10 +25,10 @@
</view>
<!-- 分类 -->
<view class="fill-base pl-md pr-md" style="overflow: hidden;" v-if="service_cate.length>0">
<!-- <view class="fill-base pl-md pr-md" style="overflow: hidden;" v-if="service_cate.length>0">
<column @change="goCate" :list="service_cate" :indicatorActiveColor="primaryColor" :colNum="5" :rowNum="2">
</column>
</view>
</view> -->
<view class="fill-base pl-lg pr-lg pb-lg" v-if="recommend_list && recommend_list.length > 0">
<view @tap.stop="$util.goUrl({url: `/pages/technician`,openType: `reLaunch`})" class="flex-between pb-lg">
@ -55,15 +55,16 @@
<image mode="aspectFill" lazy-load class="cover radius-16" :src="item.work_img"></image>
<!-- #endif -->
<view class="flex-center f-desc c-title text-bold mt-md">
<view class="ellipsis">{{item.coach_name}}</view>
</view>
<view class="ellipsis">{{item.coach_name}}</view>
</view>
<view class="flex-center">
<view class="new-technician flex-center f-icontext radius"
:style="{height:`33rpx`,width:`80rpx`,color:primaryColor,border:`1rpx solid ${primaryColor}`}" v-if="item.is_new">新人
</view>
:style="{height:`33rpx`,width:`80rpx`,color:primaryColor,border:`1rpx solid ${primaryColor}`}"
v-if="item.is_new">新人
</view>
<view class="f-icontext c-caption" v-else>30天接单{{item.order_count||0}}
</view>
</view>
</view>
</view>
<view @tap.stop="toTechnician(index)" class="recommend-item type-2 pd-md"
v-if="recommend_style == 2">
@ -88,7 +89,8 @@
</view>
<view class="flex-center">
<view class="new-technician flex-center f-icontext radius"
:style="{height:`33rpx`,width:`80rpx`,color:primaryColor,border:`1rpx solid ${primaryColor}`}" v-if="item.is_new">新人
:style="{height:`33rpx`,width:`80rpx`,color:primaryColor,border:`1rpx solid ${primaryColor}`}"
v-if="item.is_new">新人
</view>
<view class="f-icontext c-caption" v-else>30天接单{{item.order_count||0}}
</view>
@ -97,9 +99,9 @@
</block>
</scroll-view>
</view>
<view class="fill-base pl-lg pr-lg">
<view class="fill-base pl-lg pr-lg">
<view class="fill-base flex-between">
<view class="f-st-title text-bold flex-between">
<view class="mr-md" style="width: 15px;height: 17px;">
@ -112,7 +114,7 @@
<view class="fill-base pd-lg b-1px-b" v-for="(item,index) in list.data" :key="index">
<service-list-item :info="item"></service-list-item>
</view>
<load-more :noMore="list.current_page >= list.last_page && list.data.length > 0" :loading="loading"
v-if="loading">
</load-more>
@ -215,7 +217,7 @@
}, {
icon: 'icon-kzz',
text: '资质证书'
}],
}],
}
},
computed: mapState({
@ -553,6 +555,7 @@
.recommend-technician {
white-space: nowrap;
width: 690rpx;
.recommend-item {
display: inline-block;
}
@ -647,8 +650,8 @@
.radius-top {
border-radius: 30rpx 30rpx 0 0;
}
}
.coupon-popup {
width: 658rpx;
height: 865rpx;
@ -762,7 +765,7 @@
}
}
}
.servetip {
font-size: 28rpx;
font-weight: 400;
@ -772,11 +775,11 @@
margin: 22rpx 0;
}
.servefc{
.servefc {
display: flex;
align-items: center;
}
.van-image {
position: relative;
display: inline-block;
@ -786,8 +789,8 @@
width: 100%;
height: 100%;
}
.margin-20 {
margin: 0.53333rem;
}
</style>
}
</style>