图标不好点击问题处理,添加动态icon

dev
Tuzki 2 years ago
parent 64b45992c3
commit aef19a3c75
  1. 5
      pages/daolan/zhdl.vue
  2. 12
      pages/index/index.vue

@ -20,6 +20,7 @@
:show-compass="true"
:enable-poi="false"
@markertap.stop="tryDemo"
@labeltap.stop="tryDemo"
@updated="showsd"
>
<cover-view v-show="showMp3Title" class="showMp3Title">正在播放:{{ pointData.voicerealname }}</cover-view>
@ -410,8 +411,8 @@ export default {
bgColor: '#fff'
},
iconPath: pathurl,
width: 33,
height: 35,
width: 44,
height: 47,
customCallout: {
anchorY: 0,
anchorX: 0,

@ -35,7 +35,8 @@
</view>
</view>
<view class="weather-box" v-if="showWeather">
<view class="we-item">{{ city }}</view>
<view class="icon-box"><image mode="aspectFit" style="height: 100%;margin-top: -5rpx;" src="https://zf.aitto.net/img/location-icon.gif"></image></view>
<view class="we-item" style="font-size: large;font-weight: 700;font-style: italic;">{{ city }}</view>
<view class="we-item">{{ time|formatDate('yyyy年MM月dd日') }}</view>
<view class="we-item">{{ weather }}</view>
</view>
@ -724,7 +725,6 @@ export default {
<style scoped lang="scss">
.weather-box{
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 15rpx 20rpx;
background-color: #fff;
@ -734,9 +734,17 @@ export default {
.we-item{
font-size: 26rpx;
color: #737373;
margin-right: 30rpx;
}
.we-item:first-child{
font-size: 30rpx;
color: #424242;
}
.icon-box{
display: inline-flex;
width: 5%;
height: 45rpx;
margin-right: 10rpx;
margin-left: 30rpx;
}
</style>

Loading…
Cancel
Save