Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
14429282 1 parent ad9c03b6

新增隐私政策弹框

Inline Side-by-side
Showing 3 changed files with 53 additions and 5 deletions
...@@ -15,6 +15,8 @@ declare module 'vue' { ...@@ -15,6 +15,8 @@ declare module 'vue' {
15 ElCollapse: typeof import('element-ui/lib/collapse')['default'] 15 ElCollapse: typeof import('element-ui/lib/collapse')['default']
16 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default'] 16 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
17 ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default'] 17 ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default']
18 + ElDialog: typeof import('element-ui/lib/dialog')['default']
19 + ElDrawer: typeof import('element-ui/lib/drawer')['default']
18 ElImage: typeof import('element-ui/lib/image')['default'] 20 ElImage: typeof import('element-ui/lib/image')['default']
19 ElInput: typeof import('element-ui/lib/input')['default'] 21 ElInput: typeof import('element-ui/lib/input')['default']
20 ElRow: typeof import('element-ui/lib/row')['default'] 22 ElRow: typeof import('element-ui/lib/row')['default']
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 18:00:47 2 * @Date: 2024-10-18 18:00:47
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-20 12:56:26 4 + * @LastEditTime: 2024-10-22 18:19:58
5 * @FilePath: /hager/src/views/user/info.vue 5 * @FilePath: /hager/src/views/user/info.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -23,9 +23,22 @@ ...@@ -23,9 +23,22 @@
23 <div class="confirm btn" @click="onSubmit">确定</div> 23 <div class="confirm btn" @click="onSubmit">确定</div>
24 </div> 24 </div>
25 <div class="info-subsidiary"> 25 <div class="info-subsidiary">
26 - <div class="privacy"><span>隐私政策</span></div> 26 + <div class="privacy" @click="openPrivacy"><span>隐私政策</span></div>
27 </div> 27 </div>
28 </div> 28 </div>
29 + <el-dialog title="隐私政策" :visible.sync="dialogVisible">
30 + <div>
31 + 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!
32 + </div>
33 + </el-dialog>
34 +
35 + <el-drawer
36 + title="隐私政策"
37 + size="100%"
38 + :visible.sync="drawer"
39 + :direction="direction">
40 + <span>我来啦!</span>
41 + </el-drawer>
29 </div> 42 </div>
30 </template> 43 </template>
31 44
...@@ -44,7 +57,10 @@ export default { ...@@ -44,7 +57,10 @@ export default {
44 tel: '15650569910', 57 tel: '15650569910',
45 corp: '海格电气集团', 58 corp: '海格电气集团',
46 department: '研发部产品经理', 59 department: '研发部产品经理',
47 - status: '' 60 + status: '',
61 + dialogVisible: false,
62 + drawer: false,
63 + direction: 'rtl',
48 } 64 }
49 }, 65 },
50 mounted () { 66 mounted () {
...@@ -61,6 +77,13 @@ export default { ...@@ -61,6 +77,13 @@ export default {
61 setTimeout(() => { 77 setTimeout(() => {
62 this.status = ''; 78 this.status = '';
63 }, 1000); 79 }, 1000);
80 + },
81 + openPrivacy () {
82 + if (this.is_xs) {
83 + this.drawer = true;
84 + } else {
85 + this.dialogVisible = true;
86 + }
64 } 87 }
65 } 88 }
66 } 89 }
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 18:00:47 2 * @Date: 2024-10-18 18:00:47
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-22 18:05:31 4 + * @LastEditTime: 2024-10-22 18:14:41
5 * @FilePath: /hager/src/views/user/register.vue 5 * @FilePath: /hager/src/views/user/register.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -19,10 +19,23 @@ ...@@ -19,10 +19,23 @@
19 <div class="register-footer"> 19 <div class="register-footer">
20 <div class="submit-btn" @click="onSubmit">提交</div> 20 <div class="submit-btn" @click="onSubmit">提交</div>
21 <div class="register-subsidiary"> 21 <div class="register-subsidiary">
22 - <div class="privacy"><span>隐私政策</span></div> 22 + <div class="privacy" @click="openPrivacy"><span>隐私政策</span></div>
23 <div class="login">已有账号，<span @click="goToLogin">立即登录</span></div> 23 <div class="login">已有账号，<span @click="goToLogin">立即登录</span></div>
24 </div> 24 </div>
25 </div> 25 </div>
26 + <el-dialog title="隐私政策" :visible.sync="dialogVisible">
27 + <div>
28 + 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!
29 + </div>
30 + </el-dialog>
31 +
32 + <el-drawer
33 + title="隐私政策"
34 + size="100%"
35 + :visible.sync="drawer"
36 + :direction="direction">
37 + <span>我来啦!</span>
38 + </el-drawer>
26 </div> 39 </div>
27 </template> 40 </template>
28 41
...@@ -41,6 +54,9 @@ export default { ...@@ -41,6 +54,9 @@ export default {
41 tel: '', 54 tel: '',
42 corp: '', 55 corp: '',
43 department: '', 56 department: '',
57 + dialogVisible: false,
58 + drawer: false,
59 + direction: 'rtl',
44 } 60 }
45 }, 61 },
46 mounted () { 62 mounted () {
...@@ -54,6 +70,13 @@ export default { ...@@ -54,6 +70,13 @@ export default {
54 }, 70 },
55 goToLogin () { 71 goToLogin () {
56 this.$router.push('/user/login'); 72 this.$router.push('/user/login');
73 + },
74 + openPrivacy () {
75 + if (this.is_xs) {
76 + this.drawer = true;
77 + } else {
78 + this.dialogVisible = true;
79 + }
57 } 80 }
58 } 81 }
59 } 82 }
......