chooseLocation示例调整样式适配app端

pages/API/choose-location/choose-location.uvue

@@ -2,23 +2,19 @@
   <view>
     <page-head :title="title"></page-head>
     <view class="uni-padding-wrap">
-      <view style="background:#FFFFFF; padding:40rpx;">
-        <view class="uni-hello-text uni-center">位置信息</view>
-        <view v-if="!hasLocation">
-          <view class="uni-h2 uni-center uni-common-mt">未选择位置</view>
-        </view>
-        <view v-if="hasLocation">
-          <view class="uni-hello-text uni-center" style="margin-top:10px;">
-            {{locationAddress}}
-          </view>
-         <view class="uni-h2 uni-center uni-common-mt" v-if="location.latitude.length>1">
+      <view class="uni-column content">
+        <text class="uni-hello-text">位置信息</text>
+        <text v-if="!hasLocation" class="uni-title-text uni-common-mt">未选择位置</text>
+        <view v-if="hasLocation" style="align-items: center;">
+          <text class="uni-common-mt">{{locationAddress}}</text>
+          <view class="uni-common-mt" v-if="location.latitude.length>1">
             <text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
             <text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
           </view>
         </view>
       </view>
       <view class="uni-btn-v">
-        <view class="tips">注意：Web和App需要正确配置地图服务商的Key并且保证Key的权限和余额足够，才能正常选择位置</view>
+        <text class="tips">注意：Web和App需要正确配置地图服务商的Key并且保证Key的权限和余额足够，才能正常选择位置</text>
         <button type="primary" @tap="chooseLocation">选择位置</button>
         <button @tap="clear">清空</button>
       </view>
@@ -86,10 +82,14 @@
     padding-bottom: 0;
     height: 440rpx;
   }
-
+  .content{
+    background:#FFFFFF;
+    padding:40rpx;
+    align-items: center;
+  }
   .tips {
     font-size: 12px;
-    margin-top: 15px;
+    margin: 15px 0;
     opacity: .8;
   }
 </style>