新增隐私政策弹框

@@ -15,6 +15,8 @@ declare module 'vue' {
     ElCollapse: typeof import('element-ui/lib/collapse')['default']
     ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
     ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default']
+    ElDialog: typeof import('element-ui/lib/dialog')['default']
+    ElDrawer: typeof import('element-ui/lib/drawer')['default']
     ElImage: typeof import('element-ui/lib/image')['default']
     ElInput: typeof import('element-ui/lib/input')['default']
     ElRow: typeof import('element-ui/lib/row')['default']

 <!--
  * @Date: 2024-10-18 18:00:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-20 12:56:26
+ * @LastEditTime: 2024-10-22 18:19:58
  * @FilePath: /hager/src/views/user/info.vue
  * @Description: 文件描述
 -->
@@ -23,9 +23,22 @@
         <div class="confirm btn" @click="onSubmit">确定</div>
       </div>
       <div class="info-subsidiary">
-        <div class="privacy"><span>隐私政策</span></div>
+        <div class="privacy" @click="openPrivacy"><span>隐私政策</span></div>
       </div>
     </div>
+    <el-dialog title="隐私政策" :visible.sync="dialogVisible">
+      <div>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quos quis iste alias! Necessitatibus veniam eum dolor dolorem enim officiis aspernatur neque, quidem tempore officia non optio eveniet aliquid minus!
+      </div>
+    </el-dialog>
+
+    <el-drawer
+      title="隐私政策"
+      size="100%"
+      :visible.sync="drawer"
+      :direction="direction">
+      <span>我来啦!</span>
+    </el-drawer>
   </div>
 </template>
 
@@ -44,7 +57,10 @@ export default {
       tel: '15650569910',
       corp: '海格电气集团',
       department: '研发部产品经理',
-      status: ''
+      status: '',
+      dialogVisible: false,
+      drawer: false,
+      direction: 'rtl',
     }
   },
   mounted () {
@@ -61,6 +77,13 @@ export default {
       setTimeout(() => {
         this.status = '';
       }, 1000);
+    },
+    openPrivacy () {
+      if (this.is_xs) {
+        this.drawer = true;
+      } else {
+        this.dialogVisible = true;
+      }
     }
   }
 }

 <!--
  * @Date: 2024-10-18 18:00:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 18:05:31
+ * @LastEditTime: 2024-10-22 18:14:41
  * @FilePath: /hager/src/views/user/register.vue
  * @Description: 文件描述
 -->
@@ -19,10 +19,23 @@
     <div class="register-footer">
       <div class="submit-btn" @click="onSubmit">提交</div>
       <div class="register-subsidiary">
-        <div class="privacy"><span>隐私政策</span></div>
+        <div class="privacy" @click="openPrivacy"><span>隐私政策</span></div>
         <div class="login">已有账号，<span @click="goToLogin">立即登录</span></div>
       </div>
     </div>
+    <el-dialog title="隐私政策" :visible.sync="dialogVisible">
+      <div>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit quos quis iste alias! Necessitatibus veniam eum dolor dolorem enim officiis aspernatur neque, quidem tempore officia non optio eveniet aliquid minus!
+      </div>
+    </el-dialog>
+
+    <el-drawer
+      title="隐私政策"
+      size="100%"
+      :visible.sync="drawer"
+      :direction="direction">
+      <span>我来啦!</span>
+    </el-drawer>
   </div>
 </template>
 
@@ -41,6 +54,9 @@ export default {
       tel: '',
       corp: '',
       department: '',
+      dialogVisible: false,
+      drawer: false,
+      direction: 'rtl',
     }
   },
   mounted () {
@@ -54,6 +70,13 @@ export default {
     },
     goToLogin () {
       this.$router.push('/user/login');
+    },
+    openPrivacy () {
+      if (this.is_xs) {
+        this.drawer = true;
+      } else {
+        this.dialogVisible = true;
+      }
     }
   }
 }