XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
luJianJun
2023-08-07 12:17:11 +08:00
parent a1084f0091
commit 3fcd5185ca
4 changed files with 78 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/detail.vue
View File

@@ -481,36 +481,39 @@
<img src="../assets/img/detail/close.png" class="close-icon"
@click="showDistance = false" alt="">
</div>
<div class="distance-box-s" v-if="distanceList.length > 0">
<el-scrollbar v-if="distanceList.length > 0" height="500px">
<div class="distance-info-data dis-f">
<div class="dis-f al-item school-info" v-for="(item, index) in distanceList"
:key="index" :class="{ 'mg-t-50': index > 0 }">
<div class="icon-box dis-f al-item jus-x"
:class="{ 'home-icon': item && item.address }">
<div class="line" v-show="index > 0"></div>
<img src="../assets/img/detail/school.png" class="icon"
v-show="item && !item.address" alt="">
<img src="../assets/img/detail/home.png" class="icon"
v-show="item && item.address" alt="">
</div>
<div style="width:200px">
{{ item && item.name }}
</div>
<div class="dis-f" style="flex-wrap: wrap;width:480px">
<div v-for="(items, i) in item && item.point" :key="i">
<span class="address-info">
{{ items.title }}
</span>
<span v-html="setDistanceList(items && `${items.distance}`)">
</span>
<!-- <span class="distance-text">
<div class="dis-f al-item school-info" v-for="(item, index) in distanceList"
:key="index" :class="{ 'mg-t-50': index > 0 }">
<div class="icon-box dis-f al-item jus-x"
:class="{ 'home-icon': item && item.address }">
<div class="line" v-show="index > 0"></div>
<img src="../assets/img/detail/school.png" class="icon"
v-show="item && !item.address" alt="">
<img src="../assets/img/detail/home.png" class="icon"
v-show="item && item.address" alt="">
</div>
<div style="width:200px">
{{ item && item.name }}
</div>
<div class="dis-f" style="flex-wrap: wrap;width:480px">
<div v-for="(items, i) in item && item.point" :key="i">
<span class="address-info">
{{ items.title }}
</span>
<span v-html="setDistanceList(items && `${items.distance}`)">
</span>
<!-- <span class="distance-text">
1.1公里
</span> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="distance-box-s">
</div> -->
</el-scrollbar>
</div>
<div class="distance-box dis-f jus-bet">
<div class="dis-f al-item" style="position:relative;" @click="setShowDistance">
@@ -2766,12 +2769,12 @@ img {
.distance-box-s {
height: 500px;
overflow-y: scroll;
// overflow-y: scroll;
}
.distance-box-s ::-webkit-scrollbar {
width: 8px;
}
// .distance-box-s ::-webkit-scrollbar {
// width: 8px;
// }
.distance-info-data {
padding: 30px 45px 0 45px;
@@ -2861,7 +2864,7 @@ img {
height: 16px;
position: absolute;
right: 20px;
cursor:pointer;
cursor: pointer;
}
}
}