From 05273ace3da665cb10c36ca0dac4413a8284302a Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期三, 17 五月 2023 18:10:36 +0800 Subject: [PATCH] 增加部分限制,增加新功能 --- pages/public-page/mapRoute/mapRoute.vue | 47 ++++++++++++++++++++++++++++++++--------------- 1 files changed, 32 insertions(+), 15 deletions(-) diff --git a/pages/public-page/mapRoute/mapRoute.vue b/pages/public-page/mapRoute/mapRoute.vue index b534ca6..5671a6b 100644 --- a/pages/public-page/mapRoute/mapRoute.vue +++ b/pages/public-page/mapRoute/mapRoute.vue @@ -2,7 +2,16 @@ <view> <view class="page-body" style="margin-top: 4rpx;"> <view class="page-section page-section-gap"> - <map style="width: 100%; height: 600px;" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline"></map> + <map + style="width: 100%; height: 600px;" + :latitude="latitude" + :longitude="longitude" + :markers="markers" + :polyline="polyline" + @markertap="awaken" + @callouttap="awaken" + @tap="awaken" + ></map> </view> </view> <view class="tip"> @@ -15,7 +24,7 @@ <text>{{ duration || '' }}</text> </view> </view> - <view class="open-button" @click="awaken"><button type="default">璺宠浆</button></view> + <view class="open-button" @click="awaken"><u-button type="primary">浣跨敤鎵嬫満鍦板浘</u-button></view> </view> </template> @@ -45,11 +54,11 @@ id: 0, callout: { content: '璧风偣', //鏂囨湰 - color: '#000000', //鏂囧瓧棰滆壊 - fontSize: 14, //鏂囨湰澶у皬 - borderRadius: 15, //杈规鍦嗚 + color: '#ffffff', //鏂囧瓧棰滆壊 + fontSize: 10, //鏂囨湰澶у皬 + borderRadius: 12, //杈规鍦嗚 borderWidth: '10', - bgColor: '#e51860', //鑳屾櫙棰滆壊 + bgColor: '#08b078', //鑳屾櫙棰滆壊 display: 'ALWAYS' //甯告樉 } }, @@ -63,10 +72,10 @@ callout: { content: '缁堢偣', //鏂囨湰 color: '#ffffff', //鏂囧瓧棰滆壊 - fontSize: 14, //鏂囨湰澶у皬 - borderRadius: 15, //杈规鍦嗚 + fontSize: 10, //鏂囨湰澶у皬 + borderRadius: 12, //杈规鍦嗚 borderWidth: '10', - bgColor: '#e51860', //鑳屾櫙棰滆壊 + bgColor: '#fc645c', //鑳屾櫙棰滆壊 display: 'ALWAYS' //甯告樉 } } @@ -162,7 +171,7 @@ _this.polyline = [ { points: pl, - color: '#FF0000DD', + color: '#04b474', width: 4, arrowLine: true } @@ -238,14 +247,13 @@ <style lang="scss" scoped> .tip { - margin-top: 60rpx; width: 94%; - height: 40rpx; font-size: 40rpx; + margin: vww(22) auto; display: flex; justify-content: space-around; .first { - color: #c78a64; + color: #515151; text { font-size: 45rpx; color: #f81414; @@ -253,7 +261,16 @@ } } .open-button { - width: 200rpx; - margin: 10rpx 0; + width: 100%; + margin: 40rpx 0; + display: flex; + justify-content: center; + /deep/.u-button { + width: 300rpx; + border: 1px solid #3b56eb; + border-radius: 37rpx 37rpx 37rpx 37rpx; + background-color: transparent; + color: #3b56eb; + } } </style> -- Gitblit v1.9.1