feat: 用户服务协议

web1/src/views/login/index.vue

@@ -53,9 +53,38 @@
           <div class="block_3 flex-row">
             <n-checkbox v-model:checked="isAgreed" class="agreement-checkbox">
               <span class="text-group_3">阅读并同意</span>
-              <span class="text_2">《用户协议》</span>
+              <span class="text_2" @click.stop="handleOpenAgreement">《用户协议》</span>
             </n-checkbox>
           </div>
+          
+          <!-- User Agreement Modal -->
+          <n-modal
+            v-model:show="showAgreement"
+            preset="card"
+            title="用户服务协议"
+            style="width: 800px; max-width: 90vw;"
+            :bordered="false"
+          >
+            <div class="agreement-content" style="max-height: 60vh; overflow-y: auto; padding: 0 10px;">
+              <h3>特别提示</h3>
+              <p>在此特别提醒您（用户）在注册成为用户之前，请认真阅读本《用户协议》（以下简称“协议”），确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款，否则您无权注册、登录或使用本协议所涉服务。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。</p>
+              <p>本协议约定成都文化产权交易所有限公司（以下简称“成都文交所”）与用户之间关于“IP文产通”平台服务（以下简称“服务”）的权利义务。“用户”是指注册、登录、使用本服务的个人。本协议可由成都文交所随时更新，更新后的协议条款一旦公布即代替原来的协议条款，恕不另行通知，用户可在本网站查阅最新版协议条款。在成都文交所修改协议条款后，如果用户不接受修改后的条款，请立即停止使用成都文交所提供的服务，用户继续使用成都文交所提供的服务将被视为接受修改后的协议。</p>
+              
+              <h3>一、服务内容</h3>
+              <p>1.1 本服务的具体内容由成都文交所根据实际情况提供，包括但不限于授权用户通过其账号进行相关操作。</p>
+              <p>1.2 成都文交所提供的服务仅限于平台上的相关功能，用户在使用服务时应遵守相关法律法规及本协议的规定。</p>
+              
+              <h3>二、用户账号</h3>
+              <p>2.1 用户在使用本服务前需要注册一个账号。账号注册过程中，用户应提供真实、准确、完整的个人资料。</p>
+              <p>2.2 用户有责任妥善保管注册账号信息及账号密码的安全，因用户保管不善可能导致遭受盗号或密码失窃，责任由用户自行承担。</p>
+              
+              <h3>三、用户个人信息保护</h3>
+              <p>3.1 保护用户个人信息是成都文交所的一项基本原则，成都文交所将会采取合理的措施保护用户的个人信息。除法律法规规定的情形外，未经用户许可成都文交所不会向第三方公开、透露用户个人信息。</p>
+              
+              <br/>
+              <!-- <p style="color: #999; text-align: center; font-size: 12px;">(以上内容为示例，请替换为完整版《用户服务协议（暂行）》)</p> -->
+            </div>
+          </n-modal>
           <div
             class="text-wrapper_2 flex-col cursor-pointer"
             @click="handleLogin"
@@ -94,10 +123,17 @@ const loginInfo = ref({
 })
 
 const isAgreed = ref(false)
+const showAgreement = ref(false)
 const countdown = ref(0)
 let countdownTimer = null
 const loading = ref(false)
 
+// Open Agreement Modal
+function handleOpenAgreement() {
+  showAgreement.value = true
+}
+
+
 // Initialize login info
 if (localStorage.getItem('phone')) {
   loginInfo.value.phone = localStorage.getItem('phone')
@@ -586,4 +622,24 @@ onBeforeUnmount(() => {
 :deep(.agreement-checkbox .n-checkbox-icon) {
   color: #fff !important;
 }
+
+/* Agreement Modal Styles */
+.agreement-content {
+  font-family: Alibaba-PuHuiTi-R, sans-serif;
+  line-height: 1.6;
+  color: #333;
+}
+
+.agreement-content h3 {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 16px;
+  color: #333;
+}
+
+.agreement-content p {
+  margin-bottom: 12px;
+  text-align: justify;
+  font-size: 14px;
+}
 </style>