修样式

src/pagesBank/visit/detail.vue

@@ -421,13 +421,14 @@ onLoad((options) => {
             <!-- 位置 -->
             <view class="form-item">
               <view class="label required">位置</view>
-              <view class="location-input">
+              <view class="location-input" style="display: flex; align-items: center; width: 100%; max-width: 100%; overflow: hidden;">
                 <input
                   v-model="completeForm.location"
                   placeholder="请输入地址或点击定位"
                   class="input"
+                  style="flex: 1; min-width: 0; box-sizing: border-box; overflow: hidden; max-width: 100%; width: 0;"
                 />
-                <view class="location-btn" @click="handleGetLocation">
+                <view class="location-btn" @click="handleGetLocation" style="flex-shrink: 0; width: 50rpx; height: 50rpx; margin-left: 10rpx; box-sizing: border-box;">
                   <text class="i-carbon-location-filled"></text>
                 </view>
               </view>
@@ -469,6 +470,9 @@ onLoad((options) => {
   min-height: 100vh;
   background: #f8f9fa;
   padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
+  overflow-x: hidden;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .header-card {
@@ -760,6 +764,12 @@ onLoad((options) => {
   background: #fff;
   border-radius: 24rpx 24rpx 0 0;
   max-height: 80vh;
+  width: 100%;
+  max-width: 750rpx;
+  margin: 0 auto;
+  box-sizing: border-box;
+  overflow: hidden;
+  overflow-x: hidden;
   
   .form-header {
     display: flex;
@@ -784,11 +794,18 @@ onLoad((options) => {
   
   .form-content {
     max-height: 70vh;
-    padding: 24rpx 30rpx;
+    padding: 24rpx 20rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+    overflow-x: hidden;
+    width: 100%;
+    max-width: 100%;
   }
   
   .form-item {
     margin-bottom: 32rpx;
+    width: 100%;
+    box-sizing: border-box;
     
     &:last-child {
       margin-bottom: 0;
@@ -811,29 +828,38 @@ onLoad((options) => {
     .location-input {
       display: flex;
       align-items: center;
-      gap: 16rpx;
+      width: 100%;
+      max-width: 550rpx;
+      overflow: hidden;
       
       .input {
         flex: 1;
+        min-width: 0;
         height: 80rpx;
         background: #f8f9fa;
+        border: none;
         border-radius: 12rpx;
-        padding: 0 20rpx;
+        padding: 0 16rpx;
         font-size: 28rpx;
         color: #333;
+        box-sizing: border-box;
+        overflow: hidden;
       }
       
       .location-btn {
-        width: 72rpx;
+        flex-shrink: 0;
-        height: 72rpx;
+        width: 60rpx;
+        height: 60rpx;
         background: #00c05a;
         border-radius: 12rpx;
         display: flex;
         align-items: center;
         justify-content: center;
+        margin-left: 10rpx;
+        box-sizing: border-box;
         
         text {
-          font-size: 36rpx;
+          font-size: 28rpx;
           color: #fff;
         }
       }
@@ -898,4 +924,73 @@ onLoad((options) => {
     }
   }
 }
+</style>
+
+<style lang="scss">
+:deep(.wd-popup) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  left: 0 !important;
+  right: 0 !important;
+  margin: 0 auto !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.wd-popup__content) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  left: 0 !important;
+  right: 0 !important;
+  margin: 0 auto !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.wd-popup__wrapper) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  left: 0 !important;
+  right: 0 !important;
+  margin: 0 auto !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.visit-complete-popup) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  left: 0 !important;
+  right: 0 !important;
+  margin: 0 auto !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.complete-form) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.form-content) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.location-input) {
+  max-width: 750rpx !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+:deep(.location-input .input) {
+  max-width: 100% !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
 </style>