feat: 商品详情支付交互调试

pages/login/index.vue

@@ -42,29 +42,33 @@
     <view class="login-agreement">
       <CheckBox v-model="isAgree">
         <text class="login-agreement-text">阅读并同意</text>
-        <navigator
-          url="/pages/service-agreement/service-agreement"
+        <text
           class="login-agreement-link"
-          >《服务协议》</navigator
+          @click.stop="handleAgreeClick('service')"
+          >《服务协议》</text
         >
         <text class="login-agreement-text">和</text>
-        <navigator
-          url="/pages/privacy-policy/privacy-policy"
+        <text
           class="login-agreement-link"
-          >《隐私协议》</navigator
+          @click.stop="handleAgreeClick('privacy')"
+          >《隐私协议》</text
         >
       </CheckBox>
     </view>
+
+    <AgreePopup ref="agreePopup" :visible="visible" @close="visible = false" />
   </view>
 </template>
 
 <script setup>
 import { ref } from "vue";
 import CheckBox from "@/components/CheckBox/index.vue";
+import AgreePopup from "./components/AgreePopup/index.vue";
 import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager";
 import { goHome } from "@/hooks/useGoHome";
 
 const isAgree = ref(false);
+const visible = ref(false);
 
 // 同意隐私协议并获取手机号
 const handleAgreeAndGetPhone = () => {
@@ -103,6 +107,11 @@ const onLogin = (e) => {
       console.error("登录失败", err);
     });
 };
+
+// 处理同意协议点击事件
+const handleAgreeClick = (type) => {
+  visible.value = true;
+};
 </script>
 
 <style lang="scss" scoped>