ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pages/commercialBI/components/headerTop.vue
View File

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

9
pages/map/detail.vue
View File

@ -27,7 +27,7 @@
</div> </div>
<p class="address">{{info.ServerpartInfo.EXPRESSWAY_NAME}}</p> <p class="address">{{info.ServerpartInfo.EXPRESSWAY_NAME}}</p>
<div class="typeList"> <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> <image class="img" :src="item.url"></image>
<text class="text">{{item.name}}</text> <text class="text">{{item.name}}</text>
</div> </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/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/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/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){ onLoad(option){
@ -374,11 +375,10 @@ export default {
.typeList{ .typeList{
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between;
flex-flow: wrap; flex-flow: wrap;
margin-top: 16px; margin-top: 16px;
.typeItem{ .typeItem{
width: calc((100% - 16px)/3); width: calc((100% - 24px)/3);
height: 66px; height: 66px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -387,6 +387,7 @@ export default {
background: #F7F7F7; background: #F7F7F7;
border-radius: 4px; border-radius: 4px;
margin-bottom: 8px; margin-bottom: 8px;
margin-right: 8px;
.img{ .img{
width: 24px; width: 24px;
height: 24px; height: 24px;