diff --git a/pkg_join/views/shop.vue b/pkg_join/views/shop.vue
index f87ede7..dc69e7d 100644
--- a/pkg_join/views/shop.vue
+++ b/pkg_join/views/shop.vue
@@ -191,22 +191,25 @@
             <text class="required">*</text>
           </template>
           <template #value>
-            <u-input v-model="form.captcha" border="none" placeholder="请填写验证码">
-              <template slot="suffix">
+            <view class="captcha-wrap">
+              <view class="captcha-wrap-input">
+                <u-input v-model="form.captcha" border="none" placeholder="请填写验证码" />
+              </view>
+              <view class="captcha-wrap-ft">
                 <u-code
-                    ref="uCode"
-                    @change="codeChange"
-                    seconds="30"
-                    changeText="X秒重新获取"
-                ></u-code>
+                  ref="uCode"
+                  seconds="30"
+                  changeText="X秒重新获取"
+                  @change="codeChange"
+                />
                 <u-button
-                    @tap="getCode"
-                    :text="tips"
-                    type="success"
-                    size="normal"
-                ></u-button>
-              </template>
-            </u-input>
+                  :text="tips"
+                  type="success"
+                  size="normal"
+                  @tap="getCode"
+                />
+              </view>
+            </view>
           </template>
         </u-cell>
       </u-form-item>
@@ -736,4 +739,11 @@ export default {
   width: 80px;
   height: 80px;
 }
+.captcha-wrap {
+  display: flex;
+  align-items: center;
+  .captcha-wrap-input {
+    flex: 1;
+  }
+}
 </style>