diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/.vscode/settings.json" "b/\346\236\227\351\221\253/Vue/2022.03.31/.vscode/settings.json" new file mode 100644 index 0000000000000000000000000000000000000000..6f3a2913e199cebe9ace75cf7e5a2818da27fbd3 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.03.31/.vscode/settings.json" @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/demo.html" "b/\346\236\227\351\221\253/Vue/2022.03.31/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..cab6792a9a807c6e9cb293024a6009f2f61dcd93 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.03.31/demo.html" @@ -0,0 +1,93 @@ + + + + + + 登录界面 + + + + + + + + + + + + +
+
+ + + {{phoneErr}} +
+
+ + + {{passwordErr}} +
+
+ + + {{repasswordErr}} +
+ + +
+ + + \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html" "b/\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html" index 6bb700cc0729b973eb411ed745729e61adc54e7a..0db9d64d0ad731461cfe47d896cd0bc2b237c58f 100644 --- "a/\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html" +++ "b/\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html" @@ -12,8 +12,8 @@ } #zcym { margin: auto; - width: 350px; - height: 350px; + width: 500px; + height: 400px; background-color:oldlace; border-radius: 8%; @@ -24,7 +24,7 @@ padding-top: 50px; padding-right: 30px; } - #username,#password,#password2,#telnum { + #username,#password,#repassword,#phone { width: 200px; height: 22px; margin-top: 5px; @@ -52,11 +52,11 @@
-
-
-
-
- +

注册页面


+ 密 码：{{passwordErr}}
+ 确认密码：{{repasswordErr}}
+ 手机号码：{{phoneErr}}
+
@@ -64,43 +64,87 @@ let vue = new Vue({ el:'#zcym', data:{ - html:'

注册页面

用户名：
', - html2:'密 码：
', - html3:'确认密码：
', - html4:'手机号码：
' - } - }) + phoneErr:'',//手机号错误提示信息 + passwordErr:'',//密码提示信息 + repasswordErr:'',//重复密码错误信息提示 + }, + methods:{ + click:function(){ + let password = fm.password.value; + let repassword = fm.repassword.value; + let telnum = fm.phone.value + let reg1 = /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/; + let reg2 = /^[A-Za-z0-9]{6,}$/; + + let a = reg1.test(telnum); + console.log(a); - let submit = document.getElementById('submit'); + let b = reg2.test(password); + console.log(b); - submit.onclick=function(){ - let password = fm.password.value; - let password2 = fm.password2.value; - let telnum = fm.telnum.value - let reg1 = /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/; - let reg2 = /^[A-Za-z0-9]{6,}$/; - - let a = reg1.test(telnum); - console.log(a); - let b = reg2.test(password); - console.log(b); + if(a === false){ + alert('手机号码格式不正确，请填写正确手机号码格式') + } + if(b === false){ + alert('密码号码格式不正确，请输入6位以上密码') + } + + if(password!=repassword){ + alert('密码不一致'); + }else{ + // console.log('一样'); + } + }, + check:function(name){ + let val = document.getElementById(name).value; + let result= this['check'+name](val);//如果返回值不为null,则说明验证不通过 + if(!result){ + result='输入正确';//输入正确则把提示干掉 + } + console.log(result); + this.handleErr(result,name); + }, + checkphone:function(val){ + let preg=/^[1][3,4,5,7,8,9][0-9]{9}$/; + if(!preg.test(val)){ + let msg='手机号不正确'; + return msg; + } + return null; + + }, + checkpassword:function(val){ + //密码至少8位，要求必须字母、数字加英文符号 + let preg= /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,}$/ ;; + if(!preg.test(val)){ + let msg='密码至少8位，要求必须字母、数字加英文符号'; + return msg; + } + return null; + }, + checkrepassword:function(val){ + let password = document.getElementById('password').value; + if(val!=password){ + let msg ='确认密码与密码不一致'; + return msg; + } + return null; + }, + handleErr(msg,name){ + let prop = name+'Err'; + this[prop]=msg; + } - if(a === false){ - alert('手机号码格式不正确，请填写正确手机号码格式') - } - if(b === false){ - alert('密码号码格式不正确，请输入6位以上密码') + } - + - if(password!=password2){ - alert('密码不一致'); - }else{ - // console.log('一样'); - } - } + + }) + + diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.01/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..bc742b8fab30c1c48a00be7e6d9e1d243fe904e9 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.01/demo.html" @@ -0,0 +1,323 @@ + + + + + +库洛米商品列表页 + + + + + + + + +
+ + +
+ 主页 +
+ + +
+ + +
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+ + +
+ +
+ +
+ + + + + diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/1.webp" new file mode 100644 index 0000000000000000000000000000000000000000..4cfdfb9770d52d408d7d95aeb96face1c63ace82 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/1.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/10.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/10.webp" new file mode 100644 index 0000000000000000000000000000000000000000..5dfdd45dc5c9a6596ad27bcf4ab38a3f3a4718af Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/10.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/11.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/11.webp" new file mode 100644 index 0000000000000000000000000000000000000000..c1316a62aa68a4ee56be9deabc9ef997646af9a0 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/11.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/2.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/2.webp" new file mode 100644 index 0000000000000000000000000000000000000000..43e48bde522a65f07c4e160d5e644b9e97d61a62 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/2.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/3.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/3.webp" new file mode 100644 index 0000000000000000000000000000000000000000..9435bd99401e7769be985b54e5d97e49a595dc31 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/3.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/4.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/4.webp" new file mode 100644 index 0000000000000000000000000000000000000000..acc951b9753c176434ad1d70f4a76713fd7fbb63 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/4.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/5.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/5.webp" new file mode 100644 index 0000000000000000000000000000000000000000..138af18762332deb6a7b4b6d74df435b2bfb69a9 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/5.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/6.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/6.webp" new file mode 100644 index 0000000000000000000000000000000000000000..5c751eed6bebe2db7209bf6006b4ed56252a8a94 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/6.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/7.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/7.webp" new file mode 100644 index 0000000000000000000000000000000000000000..84118dd962d266be9e8f6ab4849d76b51a863a4f Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/7.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/8.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/8.webp" new file mode 100644 index 0000000000000000000000000000000000000000..cdc6480bb170555eabccf527e76df6cfccf74348 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/8.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/9.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/9.webp" new file mode 100644 index 0000000000000000000000000000000000000000..3472eb9527441afb130a927702a65134f9e9d052 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.01/imgs/9.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/list.html" "b/\346\236\227\351\221\253/Vue/2022.04.01/list.html" new file mode 100644 index 0000000000000000000000000000000000000000..ec45fdc230a98b8f40732be4bef391a407d1dd8c --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.01/list.html" @@ -0,0 +1,132 @@ + + + + + + Document + + + + + +
+ + +
+ + + \ No newline at end of file