This commit is contained in:
cclu 2023-12-29 23:03:13 +08:00
parent 9e25f47b4c
commit 949c197b4f
4 changed files with 27 additions and 7 deletions

Binary file not shown.

View File

@ -39,7 +39,8 @@
<scroll-view class="listBigBox" :scroll-y="true"> <scroll-view class="listBigBox" :scroll-y="true">
<div class="listItem" v-for="(item,index) in tableList" :key="index" > <div class="listItem" v-for="(item,index) in tableList" :key="index" >
<div class="itemLeft" style="background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg')"> <div class="itemLeft" >
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg"/>
<view class="nameBox"> <view class="nameBox">
<text class="serviceName">{{item.name}}</text> <text class="serviceName">{{item.name}}</text>
<text class="serviceLabel">{{item.SERVERPART_REGION + '区'}}</text> <text class="serviceLabel">{{item.SERVERPART_REGION + '区'}}</text>
@ -562,12 +563,20 @@ export default {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
border-radius: 16rpx; border-radius: 16rpx;
border: 2rpx solid #E6E6E6; //border: 2rpx solid #E6E6E6;
position: relative; position: relative;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: cover;
.bg{
position: absolute;
width: 160rpx;
height: 160rpx;
top: 0;left: 0;
z-index: 1;
}
.statueBox{ .statueBox{
position: absolute; position: absolute;
z-index: 2;
top: 0;right: 0; top: 0;right: 0;
width: 76rpx; width: 76rpx;
height: 32rpx; height: 32rpx;
@ -582,6 +591,7 @@ export default {
} }
.nameBox{ .nameBox{
position: absolute; position: absolute;
z-index: 2;
top: 28rpx; top: 28rpx;
left: 20rpx; left: 20rpx;
display: flex; display: flex;

View File

@ -232,7 +232,7 @@ export default {
components: {EntryCarNumber, YearRevenue}, components: {EntryCarNumber, YearRevenue},
data(){ data(){
return { return {
selectTab: 1, selectTab: 2,
statusBarHeight:0, statusBarHeight:0,
festivalList:[ festivalList:[
{label:'欢度元旦',value:1}, {label:'欢度元旦',value:1},

View File

@ -309,7 +309,8 @@
<scroll-view class="listBigBox" :scroll-y="true"> <scroll-view class="listBigBox" :scroll-y="true">
<div class="listItem" v-for="(item,index) in regionList" :key="index" @click="handleNoneChild(item,index)"> <div class="listItem" v-for="(item,index) in regionList" :key="index" @click="handleNoneChild(item,index)">
<div class="itemLeft" style="background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg')"> <div class="itemLeft" >
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg"/>
<view class="statueBox" :style="{backgroundImage:`url(${item.RevenueAmount?'https://eshangtech.com/ShopICO/ahyd-BID/car/statusHaveBg.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/statusNoHaveBg.svg'})`}">{{item.RevenueAmount?'营业中':'休息中'}}</view> <view class="statueBox" :style="{backgroundImage:`url(${item.RevenueAmount?'https://eshangtech.com/ShopICO/ahyd-BID/car/statusHaveBg.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/statusNoHaveBg.svg'})`}">{{item.RevenueAmount?'营业中':'休息中'}}</view>
<view class="nameBox"> <view class="nameBox">
<text class="serviceName">{{item.Serverpart_Name ? item.Serverpart_Name.split('服务区')[0]:''}}</text> <text class="serviceName">{{item.Serverpart_Name ? item.Serverpart_Name.split('服务区')[0]:''}}</text>
@ -2321,12 +2322,20 @@ export default {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
border-radius: 16rpx; border-radius: 16rpx;
border: 2rpx solid #E6E6E6; //border: 2rpx solid #E6E6E6;
position: relative; position: relative;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: cover;
.bg{
position: absolute;
width: 160rpx;
height: 160rpx;
top: 0;left: 0;
z-index: 1;
}
.statueBox{ .statueBox{
position: absolute; position: absolute;
z-index: 2;
top: 0;right: 0; top: 0;right: 0;
width: 76rpx; width: 76rpx;
height: 32rpx; height: 32rpx;
@ -2341,6 +2350,7 @@ export default {
} }
.nameBox{ .nameBox{
position: absolute; position: absolute;
z-index: 2;
top: 28rpx; top: 28rpx;
left: 20rpx; left: 20rpx;
display: flex; display: flex;