feat: 同意协议的弹窗搭建

src/views/home/index.vue

@@ -34,6 +34,13 @@
     </div>
   </div>
 
+  <!-- 协议提示 -->
+  <van-popup v-model:show="showAgree" round :close-on-click-overlay="false"
+    :style="{ padding: '30px 24px', width: '80%' }">
+    <AgreementTip @cancel="showAgree = false" @confirm="onAgree" @view-rule="onViewRule" />
+  </van-popup>
+
+  <!-- 选图说明 -->
   <van-popup v-model:show="showGuide" round position="bottom" closeable close-icon-position="top-left">
     <PhotoGuide @start="onStartSelect" />
   </van-popup>
@@ -45,6 +52,7 @@ import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 import NavBar from '../components/NavBar.vue';
 import PhotoGuide from '../components/PhotoGuide.vue';
+import AgreementTip from '../components/AgreementTip.vue';
 
 // --- 测试数据 ---
 const styles = [
@@ -68,12 +76,26 @@ const mockData = {
   ]
 };
 
+const router = useRouter();
+
 // --- 状态 ---
 const activeStyleId = ref('real');
 const activeSceneIndex = ref(0);
 const showGuide = ref(false);
 
-const router = useRouter();
+const showAgree = ref(true);
+
+const onAgree = () => {
+  console.log("用户同意了协议");
+  showAgree.value = false;
+  // 执行下一步选图逻辑
+};
+
+const onViewRule = () => {
+  console.log("跳转到规则详情页");
+  // 可以是打开另一个 popup 或者 router.push
+};
+
 
 const onBack = () => {
   router.back();