Skip to content

C
cloud-platform-ui
Commit f30b0dc2 authored by denghr's avatar denghr
Browse files
Options

阻止冒泡

parent 8446dffb
Hide whitespace changes
Inline Side-by-side
Showing with 14 additions and 14 deletions
src/views/baseInfo/campsite/campsite.vue
View file @ f30b0dc2
...@@ -10,16 +10,16 @@ ...@@ -10,16 +10,16 @@
<company-map v-on:headCallBack="headCall" v-on:getAddrCity="getAddrCity" v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map> <company-map v-on:headCallBack="headCall" v-on:getAddrCity="getAddrCity" v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map>
<!--营地数据--> <!--营地数据-->
<div style="border-radius:5px 5px 0 0;background: #fff;position: absolute;bottom: 0px;width:100%;"> <div style="border-radius:5px 5px 0 0;background: #fff;position: absolute;bottom: 0px;width:100%;">
<div style="text-align:center"> <div style="text-align:center;padding:5px 0" @click="move">
<img style="width: 10%;" :src="Height>=306?'../../../../static/images/top.png':'../../../../static/images/bottom.png'" alt=""> <img style="width: 10%;" :src="Height>=306?'../../../../static/images/top.png':'../../../../static/images/bottom.png'" alt="">
</div> </div>
<div class="moveBox" id="moveDiv" @click="move"> <div class="moveBox" id="moveDiv">
<div class="moveBoxLeft" v-if="!otherProvince"> <div class="moveBoxLeft" v-if="!otherProvince">
<div class="moveBoxItem" :class="index==1?'active':''" @click="quanguo">全国<div class="bage" v-show="index==1"></div></div> <div class="moveBoxItem" :class="index==1?'active':''" @click.stop="quanguo">全国<div class="bage" v-show="index==1"></div></div>
<div class="moveBoxItem" :class="index==2?'active':''" @click="currentProvince">当前省<div class="bage" v-show="index==2"></div></div> <div class="moveBoxItem" :class="index==2?'active':''" @click.stop="currentProvince">当前省<div class="bage" v-show="index==2"></div></div>
<div class="moveBoxItem" :class="index==3?'active':''" @click="currentCity">当前市<div class="bage" v-show="index==3"></div></div> <div class="moveBoxItem" :class="index==3?'active':''" @click.stop="currentCity">当前市<div class="bage" v-show="index==3"></div></div>
</div> </div>
<div style="color:#999;font-size:13px" v-if="!otherProvince" @click="showAddress">其他省市<span class="arrow-bottom"></span></div> <div style="color:#999;font-size:13px" v-if="!otherProvince" @click.stop="showAddress">其他省市<span class="arrow-bottom"></span></div>
<div class="moveBoxLeft" v-if="otherProvince" style="justify-content: space-between;"> <div class="moveBoxLeft" v-if="otherProvince" style="justify-content: space-between;">
<div style="color:#171413;font-size:15px">{{provinceCity}}</div> <div style="color:#171413;font-size:15px">{{provinceCity}}</div>
<img width="15" src="../../../../static/images/close.png" alt="" @click.stop="close"> <img width="15" src="../../../../static/images/close.png" alt="" @click.stop="close">
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
.companyInfor{display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;margin: 10px 0;} .companyInfor{display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;margin: 10px 0;}
.companyInforLeft{flex:1;color: #666666;font-size: 12px} .companyInforLeft{flex:1;color: #666666;font-size: 12px}
.companyInforRight{height: 27px;border-radius: 15px;background: #D1B17E;color: #fff;font-size: 12px;line-height: 29px;padding: 0 15px} .companyInforRight{height: 27px;border-radius: 15px;background: #D1B17E;color: #fff;font-size: 12px;line-height: 29px;padding: 0 15px}
.moveBox{width: 100%;padding: 20px 15px 5px 15px;display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;} .moveBox{width: 100%;padding: 10px 15px 5px 15px;display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;}
.moveBoxLeft{flex: 1;display: flex;display: -webkit-box;display: -webkit-flex;font-size: 13px;color: #666;align-items: center} .moveBoxLeft{flex: 1;display: flex;display: -webkit-box;display: -webkit-flex;font-size: 13px;color: #666;align-items: center}
.moveBoxLeft .active{font-size: 15px;color: #171413} .moveBoxLeft .active{font-size: 15px;color: #171413}
.addressBox{display: flex;justify-content: space-between;align-items: center;padding: 5px 15px} .addressBox{display: flex;justify-content: space-between;align-items: center;padding: 5px 15px}
......
src/views/baseInfo/companyInfo/index.vue
View file @ f30b0dc2
...@@ -10,16 +10,16 @@ ...@@ -10,16 +10,16 @@
<company-map v-on:headCallBack="headCall" v-on:getAddrCity="getAddrCity" v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map> <company-map v-on:headCallBack="headCall" v-on:getAddrCity="getAddrCity" v-if="toList" :toSonData="type" :provinceName="provinceName"></company-map>
<!--分公司数据--> <!--分公司数据-->
<div style="border-radius:5px 5px 0 0;background: #fff;position: absolute;bottom: 0px;width:100%;"> <div style="border-radius:5px 5px 0 0;background: #fff;position: absolute;bottom: 0px;width:100%;">
<div style="text-align:center"> <div style="text-align:center;padding:5px 0" @click="move">
<img style="width: 10%;" :src="Height>=306?'../../../../static/images/top.png':'../../../../static/images/bottom.png'" alt=""> <img style="width: 10%;" :src="Height>=306?'../../../../static/images/top.png':'../../../../static/images/bottom.png'" alt="">
</div> </div>
<div class="moveBox" id="moveDiv" @click="move"> <div class="moveBox" id="moveDiv">
<div class="moveBoxLeft" v-if="!otherProvince"> <div class="moveBoxLeft" v-if="!otherProvince">
<div class="moveBoxItem" :class="index==1?'active':''" @click="quanguo">全国<div class="bage" v-show="index==1"></div></div> <div class="moveBoxItem" :class="index==1?'active':''" @click.stop="quanguo">全国<div class="bage" v-show="index==1"></div></div>
<div class="moveBoxItem" :class="index==2?'active':''" @click="currentProvince">当前省<div class="bage" v-show="index==2"></div></div> <div class="moveBoxItem" :class="index==2?'active':''" @click.stop="currentProvince">当前省<div class="bage" v-show="index==2"></div></div>
<div class="moveBoxItem" :class="index==3?'active':''" @click="currentCity">当前市<div class="bage" v-show="index==3"></div></div> <div class="moveBoxItem" :class="index==3?'active':''" @click.stop="currentCity">当前市<div class="bage" v-show="index==3"></div></div>
</div> </div>
<div style="color:#999;font-size:13px" v-if="!otherProvince" @click="showAddress">其他省市<span class="arrow-bottom"></span></div> <div style="color:#999;font-size:13px" v-if="!otherProvince" @click.stop="showAddress">其他省市<span class="arrow-bottom"></span></div>
<div class="moveBoxLeft" v-if="otherProvince" style="justify-content: space-between;"> <div class="moveBoxLeft" v-if="otherProvince" style="justify-content: space-between;">
<div style="color:#171413;font-size:15px">{{provinceCity}}</div> <div style="color:#171413;font-size:15px">{{provinceCity}}</div>
<img width="15" src="../../../../static/images/close.png" alt="" @click.stop="close"> <img width="15" src="../../../../static/images/close.png" alt="" @click.stop="close">
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
.companyInfor{display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;margin: 10px 0;} .companyInfor{display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;margin: 10px 0;}
.companyInforLeft{flex:1;color: #666666;font-size: 12px} .companyInforLeft{flex:1;color: #666666;font-size: 12px}
.companyInforRight{height: 27px;border-radius: 15px;background: #D1B17E;color: #fff;font-size: 12px;line-height: 29px;padding: 0 15px} .companyInforRight{height: 27px;border-radius: 15px;background: #D1B17E;color: #fff;font-size: 12px;line-height: 29px;padding: 0 15px}
.moveBox{width: 100%;padding: 20px 15px 5px 15px;display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;} .moveBox{width: 100%;padding: 10px 15px 5px 15px;display: flex;display: -webkit-box;display: -webkit-flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;}
.moveBoxLeft{flex: 1;display: flex;display: -webkit-box;display: -webkit-flex;font-size: 13px;color: #666;align-items: center} .moveBoxLeft{flex: 1;display: flex;display: -webkit-box;display: -webkit-flex;font-size: 13px;color: #666;align-items: center}
.moveBoxLeft .active{font-size: 15px;color: #171413} .moveBoxLeft .active{font-size: 15px;color: #171413}
.addressBox{display: flex;justify-content: space-between;align-items: center;padding: 5px 15px} .addressBox{display: flex;justify-content: space-between;align-items: center;padding: 5px 15px}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment