feat：优化上线后的改造

pages/login_package/login/login.vue

@@ -43,6 +43,21 @@
         </up-input>
       </view>
 
+      <!-- 协议勾选 -->
+      <view class="policy_warp">
+        <up-checkbox name="isCheck" usedAlone v-model:checked="isPolicy" shape="circle" activeColor="#7934F6" size="19"
+          iconSize="18">
+          <template #label>
+            <text>已阅读并同意</text>
+            <text class="policy_a_warp" @click="jumpUserAgreement">《服务协议》</text>
+            <text>、</text>
+            <text class="policy_a_warp" @click="jumpPrivacyAgreement">《隐私政策》</text>
+            <text>、</text>
+            <text class="policy_a_warp" @click="jumpProductAgreement">《售后保障协议》</text>
+          </template>
+        </up-checkbox>
+      </view>
+
       <view class="login_comm_but login_comm_but_yes" @click="loginFun">
         <text style="margin-left: 10rpx">登录</text>
       </view>
@@ -91,19 +106,6 @@
       </view>
       <!-- #endif -->
     </view>
-    <view class="policy_warp">
-      <up-checkbox name="isCheck" usedAlone v-model:checked="isPolicy" shape="circle" activeColor="#7934F6" size="19"
-        iconSize="18">
-        <template #label>
-          <text>已阅读并同意</text>
-          <text class="policy_a_warp" @click="jumpUserAgreement">《服务协议》</text>
-          <text>、</text>
-          <text class="policy_a_warp" @click="jumpPrivacyAgreement">《隐私政策》</text>
-          <text>、</text>
-          <text class="policy_a_warp" @click="jumpProductAgreement">《售后保障协议》</text>
-        </template>
-      </up-checkbox>
-    </view>
     <up-toast ref="uToastRef"></up-toast>
 
     <!-- 自定义协议弹窗 -->
@@ -606,8 +608,28 @@ export default {
 
 <style lang="scss" scoped>
 .login_warp {
-  height: calc(100vh - 400rpx);
-  padding: 150rpx 50rpx 0;
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 120rpx 50rpx 40rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.policy_warp {
+  font-weight: 500;
+  font-size: 26rpx;
+  color: #999999;
+  position: relative !important;
+  bottom: auto !important;
+  left: auto !important;
+  width: 100% !important;
+  margin-top: 20rpx;
+  margin-bottom: 28rpx;
+
+  .policy_a_warp {
+    color: $app-policy-color;
+  }
 }
 
 .login_logo_warp {