首页样式修改
This commit is contained in:
parent
bf8dc07cb7
commit
1932a55d25
|
@ -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">
|
||||||
|
@ -59,7 +59,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>
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -772,7 +775,7 @@
|
||||||
margin: 22rpx 0;
|
margin: 22rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.servefc{
|
.servefc {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
@ -786,8 +789,8 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-20 {
|
.margin-20 {
|
||||||
margin: 0.53333rem;
|
margin: 0.53333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue