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