查看协议新窗口打开

src/layout/personal/footer.vue

@@ -21,15 +21,15 @@
         <h4>使用与帮助</h4>
         <div class="mt-4 size">
           <div class="d-flex my-2">
-            <a href="/userAgreement" style="width: 140px;">用户协议</a>
-            <a href="/UserBehaviorNorms">行为规范</a>
+            <a  target="_blank" href="/userAgreement" style="width: 140px;">用户协议</a>
+            <a  target="_blank" href="/UserBehaviorNorms">行为规范</a>
           </div>
           <div class="d-flex my-2">
-            <a href="/CopyrightPolicy" style="width: 140px;">版权政策</a>
-            <a href="/privacyPolicy">隐私协议</a>
+            <a  target="_blank" href="/CopyrightPolicy" style="width: 140px;">版权政策</a>
+            <a  target="_blank" href="/privacyPolicy">隐私协议</a>
           </div>
           <div class="d-flex my-2">
-            <a href="/WorkplaceCommunityPolicy" style="width: 140px;">职场社区政策</a>
+            <a  target="_blank" href="/WorkplaceCommunityPolicy" style="width: 140px;">职场社区政策</a>
           </div>
         </div>
       </div>

src/views/login/index.vue

@@ -58,8 +58,8 @@
               <v-icon v-if="isAgree" size="18" color="primary" class="mr-2" @click="isAgree = !isAgree">mdi-check-circle</v-icon>
               <v-icon v-else size="18" color="grey" class="mr-2" @click="isAgree = !isAgree">mdi-check-circle-outline</v-icon>
               {{ $t('login.agreeLogin') }}
-              <span class="color" style="cursor: pointer;" @click="router.push('/userAgreement')"> [{{ $t('login.userAgreement') }}] </span>和
-              <span class="color" style="cursor: pointer;" @click="router.push('/privacyPolicy')">[{{ $t('login.privacyPolicy') }}]</span>
+              <span class="color" style="cursor: pointer;" @click="windowOpen('/userAgreement')"> [{{ $t('login.userAgreement') }}] </span>和
+              <span class="color" style="cursor: pointer;" @click="windowOpen('/privacyPolicy')">[{{ $t('login.privacyPolicy') }}]</span>
           </div>
         </div>
       </div>
@@ -236,6 +236,11 @@ const verifySuccess = (params) => {
   handleLogin()
 }
 
+const windowOpen = (url) => {
+  // router.push(url)
+  if (url) window.open(url)
+}
+
 </script>
 
 <style lang="scss" scoped>

src/views/register/person.vue

@@ -12,8 +12,8 @@
         <v-icon v-if="isAgree" size="18" color="primary" class="mr-2" @click="isAgree = !isAgree">mdi-check-circle</v-icon>
         <v-icon v-else size="18" color="grey" class="mr-2" @click="isAgree = !isAgree">mdi-check-circle-outline</v-icon>
         点击注册即代表您同意
-        <span class="color-primary" style="cursor: pointer;" @click="router.push('/userAgreement')"> [{{ $t('login.userAgreement') }}] </span>和
-        <span class="color-primary" style="cursor: pointer;" @click="router.push('/privacyPolicy')">[{{ $t('login.privacyPolicy') }}]</span>
+        <span class="color" style="cursor: pointer;" @click="windowOpen('/userAgreement')"> [{{ $t('login.userAgreement') }}] </span>和
+        <span class="color" style="cursor: pointer;" @click="windowOpen('/privacyPolicy')">[{{ $t('login.privacyPolicy') }}]</span>
       </div>
     </div>
   </div>
@@ -76,9 +76,17 @@ const handleRegister = async () => {
     loading.value = false
   }
 }
+
+const windowOpen = (url) => {
+  // router.push(url)
+  if (url) window.open(url)
+}
 </script>
 
 <style scoped lang="scss">
+.color {
+  color: var(--v-primary-base); 
+}
 .navBar {
   position: absolute;
   top: 0;