diff --git a/08-综合练习/简单注册页面/css/css.css b/08-综合练习/简单注册页面/css/css.css new file mode 100644 index 0000000..cb1ceec --- /dev/null +++ b/08-综合练习/简单注册页面/css/css.css @@ -0,0 +1,72 @@ + * { + margin: 0; + padding: 0; + } + + .frm { + + display: flex; + justify-content: center; + } + + .shower, + form { + width: 50%; + } + + label { + text-align: center; + } + + input { + border: none; + outline: none; + } + + .user, + .pwd, + .pwds { + border: 1px solid #000; + margin: 20px 0; + padding: 5px; + } + + i { + font-size: 30px; + } + + i[class="fa fa-user"] { + color: #000; + } + + .sex { + border: none; + } + + .frm div { + margin: 10px 0; + } + + select { + height: 30px; + } + + button { + width: 100%; + height: 50px; + border-radius: 5px; + background-color: rgb(41, 41, 161); + color: #fff; + border: none; + font-size: 18px; + } + + .shower { + height: 200px; + text-align: left; + margin: 0 auto; + } + + .shower div { + margin: 10px 0; + } \ No newline at end of file diff --git a/08-综合练习/简单注册页面/index.html b/08-综合练习/简单注册页面/index.html new file mode 100644 index 0000000..2a3df7a --- /dev/null +++ b/08-综合练习/简单注册页面/index.html @@ -0,0 +1,70 @@ + + + + + + + Document + + + + +
+
+
用户名:{{user}}
+
密码：{{pwd}}
+
确认密码:{{pwds}}
+
性别:{{sex}}
+
爱好:{{fav.join(",")}}
+
地址：{{top_city}}-{{city}}-{{low_city}}
+
+
+
+ +
+ + +
+
+ + +
+
+ + +
+
+ + 男 + 女 +
+
+ + 购物 + 电影 + 动漫 + 看书 +
+
+ + + + +
+ +
+
+
+ + + + \ No newline at end of file diff --git a/08-综合练习/简单注册页面/js/index.js b/08-综合练习/简单注册页面/js/index.js new file mode 100644 index 0000000..e1ddf17 --- /dev/null +++ b/08-综合练习/简单注册页面/js/index.js @@ -0,0 +1,25 @@ +new Vue({ + el: "#app", + data: { + user: "", + pwd: "", + pwds: "", + sex: "", + fav: [], + top_city: "", + city: "", + low_city: "" + }, + methods: { + zhuce() { + console.log(`用户名：${this.user}`); + console.log(`密码：${this.pwd}`); + console.log(`确认密码：${this.pwds}`); + console.log(`性别:${this.sex}`); + console.log(`爱好:${this.fav.join(",")}`); + console.log(`省:${this.top_city}`); + console.log(`市:${this.city}`); + console.log(`镇:${this.low_city}`); + } + } +}) \ No newline at end of file diff --git a/11-前端模块化开发/03-webpack模块化开发/02-webpack配置/webpack.config.js b/11-前端模块化开发/03-webpack模块化开发/02-webpack配置/webpack.config.js new file mode 100644 index 0000000..1190f4c --- /dev/null +++ b/11-前端模块化开发/03-webpack模块化开发/02-webpack配置/webpack.config.js @@ -0,0 +1,4 @@ +module.exports={ + entry:"./src/index.js", + output:"./dist/result.js" +} \ No newline at end of file