增加部分限制，增加新功能

qingyiay

2023-05-17 05273ace3da665cb10c36ca0dac4413a8284302a

 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>