小程序

doum

11 小时以前 599cbbfede5e74d928c987434844a74ce2002694

 mini-program/App.vue

@@ -102,7 +102,7 @@
               success: function (addr) {
                  const locParam = { latitude: addr.latitude, longitude: addr.longitude };
                  const qqmapsdk = new QQMapWX({
                     key: 'FJKBZ-W5BW3-QGV3M-OEJKT-3H5K7-7FFPM'
                     key: 'HEIBZ-QJLLM-SZ36X-6ZBHI-S6Y2J-S6FND'
                  });
                  qqmapsdk.reverseGeocoder({
                     locParam,
@@ -125,4 +125,124 @@

<style lang="scss">
   @import "uview-ui/index.scss";
</style>
   /*每个页面公共css */
   .tc {
      width: calc(100vw - 148rpx);
      .tc-btn {
         width: 100%;
         height: 102rpx;
         display: flex;
         align-items: center;
         justify-content: space-between;
         border-top: 1rpx solid #EEEEEE;
         .tc-btn-item {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 32rpx;
            color: #666666;
            border-right: 1rpx solid #EEEEEE;
            &:last-child {
               border: none !important;
            }
         }
      }
      .tc-contemt {
         width: 100%;
         padding: 40rpx 0;
         box-sizing: border-box;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         .tc-contemt-title {
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 32rpx;
            color: #111111;
         }
         .tc-contemt-nr {
            width: 472rpx;
            text-align: center;
            font-weight: 400;
            font-size: 28rpx;
            color: #333333;
            margin-top: 40rpx;
         }
      }
   }
   .nomore{
      margin-top: 30rpx;
      width: 100%;
      text-align: center;
      font-size: 24rpx;
      color: #666666;
   }
   .phone {
      width: 100%;
      padding-top: 40rpx;
      box-sizing: border-box;
      .phone-botton {
         width: 100%;
         height: 88rpx;
         line-height: 88rpx;
         text-align: center;
         font-weight: 500;
         font-size: 32rpx;
         color: #FFFFFF;
         background: #00BC12;
         border-radius: 44rpx;
         margin-top: 60rpx;
      }
      .phone-head {
         width: 100%;
         text-align: center;
         justify-content: space-between; 
         margin-bottom: 40rpx;
         text {
            font-weight: 800;
            font-size: 32rpx;
            color: #222222;
         }
      }
		 
      .phone-item {
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center;
         flex-direction: column;
         // border-bottom: 1rpx solid #eeeeee;
         line-height: 78rpx;
         button{
            border: 1rpx white solid;
            display: inline;
            width: 300rpx;
            font-weight: 500;
            font-size: 32rpx;
            line-height: 32rpx;
            color: #222222;
         }
         image{
            width: 28rpx;
            height: 28rpx;
            margin-right: 30rpx;
         }
         .line{
            width: 100%;
            height: 1rpx;
            background-color: #f2f2f2
         }
         text {
            font-weight: 500;
            font-size: 28rpx;
            line-height: 28rpx;
            color: #222222;
         }
      }
   }
</style>