This commit is contained in:
cclu 2023-04-04 22:46:22 +08:00
parent db5ed8c17b
commit 87eafb02ed
2 changed files with 12 additions and 9 deletions

View File

@ -15,8 +15,10 @@
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"></image>
<view class="select">
<view class="content">
<view class="uni-input">{{serviceArray[serviceIndex]}}</view>
<text class="area">{{area}}</text>
<!-- <view class="uni-input">{{serviceArray[serviceIndex]}}</view>-->
<view class="uni-input">新桥服务区</view>
<!-- <text class="area">{{area}}</text>-->
<text class="area">合肥片区</text>
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>
</view>
</view>
@ -147,20 +149,20 @@ export default {
.selectService{
display: flex;
align-items: center;
display: flex;
.img{
width: 40px;
height: 40px;
z-index: 2;
}
.select{
width: 174px;
min-width: 174px;
height: 32px;
background: #F8F8FA;
border-radius: 0 16px 16px 0;
transform: translateX(-20px);
box-sizing: border-box;
padding-left: 25px;
padding-right: 25px;
display: flex;
align-items: center;
position: relative;
@ -189,7 +191,7 @@ export default {
width: 24px;
height: 12px;
position: absolute;
right: 11px;
right: 0px;
}
}

View File

@ -27,7 +27,7 @@
</div>
<p class="address">{{info.ServerpartInfo.EXPRESSWAY_NAME}}</p>
<div class="typeList">
<div class="typeItem" v-for="(item,index) in typeList" :key="index">
<div class="typeItem" v-for="(item,index) in typeList" :key="index" v-if="item.isShow">
<image class="img" :src="item.url"></image>
<text class="text">{{item.name}}</text>
</div>
@ -158,7 +158,8 @@ export default {
{url:'https://eshangtech.com/ShopICO/ahyd-BID/service/baby.svg',name:'母婴室',isShow:false},
{url:'https://eshangtech.com/ShopICO/ahyd-BID/service/car.svg',name:'司机之家',isShow:false},
{url:'https://eshangtech.com/ShopICO/ahyd-BID/service/Charging.svg',name:'充电桩',isShow:false},
{url:'https://eshangtech.com/ShopICO/ahyd-BID/service/hotel.svg',name:'客房',isShow:false}]
{url:'https://eshangtech.com/ShopICO/ahyd-BID/service/hotel.svg',name:'客房',isShow:false}],
typeShowList:[]
}
},
onLoad(option){
@ -374,11 +375,10 @@ export default {
.typeList{
width: 100%;
display: flex;
justify-content: space-between;
flex-flow: wrap;
margin-top: 16px;
.typeItem{
width: calc((100% - 16px)/3);
width: calc((100% - 24px)/3);
height: 66px;
display: flex;
flex-direction: column;
@ -387,6 +387,7 @@ export default {
background: #F7F7F7;
border-radius: 4px;
margin-bottom: 8px;
margin-right: 8px;
.img{
width: 24px;
height: 24px;