diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/.vscode/settings.json" "b/\346\236\227\351\221\253/Vue/2022.04.06/.vscode/settings.json" new file mode 100644 index 0000000000000000000000000000000000000000..6f3a2913e199cebe9ace75cf7e5a2818da27fbd3 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.06/.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.04.06/a.css" "b/\346\236\227\351\221\253/Vue/2022.04.06/a.css" new file mode 100644 index 0000000000000000000000000000000000000000..f5ed8291c89bd6a29921d021423142ebabe6dfd2 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.06/a.css" @@ -0,0 +1,342 @@ +@charset "utf-8"; + +/*通用样式*/ +*{ + margin:0; padding:0; +} +body{ + font-size:12px; color:#333; + margin:0; padding:0; + } +a{ + text-decoration:none; + color:#333; + font-size:12px; + } +ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{ + padding:0; margin:0; + list-style:none; + } +img{ border:0px;} +.clear{ + clear:both; + } + +/*header*/ +.header{ + height:184px; + background:url(../images/index_img/backmenuimg.jpg) repeat; + margin:0 auto; + } +.header .top{ + height:32px; + background:url(../images/index_img/header_bg.jpg) repeat-x; + margin:0 auto; + } +.header .top1{ + width:340px; + height:31px; + float:right; + } +.header .top a { + height:31px; + line-height:31px; + float:left; + margin:0 2px; + color:#7f7d7c; + } +.header .top a:hover{ + color:#900; + +} +.header .top a img{ + height:23px; + margin:4px 2px 2px 0 ; + float:left; + } + /*logo_search*/ +.header .logobg{ + height:111px; + background:url(../images/index_img/backlogoimg01.jpg) center no-repeat; + } +.header .center{ + width:1200px; + margin:0 auto; + height:112px; + position:relative; + } +.header .center .logo{ + margin-top:19px; + margin-left:120px; + float:left; + } +#searchForm{ + position:absolute; + top:30px; + right:100px; + width:350px; + padding:3px; + background:#9EFF3E; +} +#searchTxt{ + height:36px; + width:200px; + background:#FFF; + border-top-style: none; + border-right-style: none; + border-bottom-style: none; + border-left-style: none; + background-repeat: no-repeat;/*取消背景图片重复*/ + background-image:url(../images/search.png); + margin:0px; + background-position: 10px center; + padding:0; + padding-left:40px; +} +#search_btn{ + width:90px; + height:36px; + background-color:transparent; + border:none; + font-size:18px; + font-weight:bold; + color:#FFF; + cursor:pointer;/*设置光标*/ +} + /*导航部分*/ +.header .bottom{ + width:1200px; height:39px; + margin:0 auto; + line-height:39px; + background-image:url(../images/index_img/backmenuimg.jpg); + padding:0; + position:relative; + } +.header .bottom .nav{ + position:absolute; + top:0px; + width:990px; height:39px; + margin:0 auto; + margin-left:210px; + float:left; + display:inline; + } +.header .bottom .nav a{ + width:100px; height:39px; + line-height:39px; + color:#fff; + margin:0 10px; + font-size:16px; + font-weight:bold; + float:left; + text-align:center; + } +.header .bottom .nav a.now{ + width:100px; height:39px; + background:#9ada62; + } +.header .bottom .nav a:hover{ + width:100px; height:39px; + background:#9ada62; +} +.header .bottom .menu{ + width:206px; + height:39px; + position:absolute; + top:0; + left:0; + background-image:url(../images/index_img/backmenuimg.jpg); + +} +.header .bottom .menu a{ + color:#fff; + font-size:16px; + font-weight:bold; + line-height:39px; + padding-left:20px; +} +/*商品详情部分*/ +.shopdetails{ + width:1200px; + height:700px; + margin:0 auto; + margin-top:20px; + position:relative; + +} +/*放大镜*/ +#leftbox{ + width:400px; + z-index:999; + position:absolute; +} +#showbox { background:#eee;} +#showbox span { + background:url(../images/shopdetail/whitebg.png) repeat; + } +#showsum { + left:25px; + margin-top:10px; + } +#showsum span { + border:1px solid #ddd; +} +#showsum span.sel { + border:1px solid #f60; +} + +.showpage { + width:400px; + position:relative; + } +.showpage a { + display:block; width:15px; + border:1px solid #ddd; + height:60px; line-height:60px; + background:#eee; + text-align:center; + font-size:18px; + position:absolute; + left:0; top:-62px; + text-decoration:none; + color:#999;} +.showpage a#shownext { + left:auto; right:0; + } +.showpage a:hover { + background:#ccc; + color:#777;} + +/*中间*/ + +.centerbox{ + width:580px; + height:575px; + position:absolute; + top:0px; + left:420px; + z-index:1; +} +.centerbox .imgname{ + font-size:24px; + color:#000; + font-weight:bold; + width:580px; + height:40px; + font-family:Microsoft YaHei,arial; + margin-bottom:10px; +} +.centerbox p,.centerbox samp{ + width:580px; + height:33px; + font-size:12px; + line-height:33px; + color:#666; + font-family:"微软雅黑"; + padding-left:10px; + +} +.centerbox .Aprice, .price, .youhui{ + background:rgba(232,232,232,0.5); +} +.centerbox .Aprice samp{ + font-size:14px; + text-decoration:line-through; + font-family:"华文仿宋"; +} +.centerbox .price samp{ + color:#D00; + font-size:20px; + font-weight:bold; +} +.centerbox .youhui samp{ + color:#000; + font-weight:100; +} +.centerbox .kefu{ + margin-top:10px; + margin-left:10px; + width:150px; + background-image:url(../images/shopdetail/tell03.png); + background-position:right; + background-repeat:no-repeat; +} +.centerbox ul{ + margin-left:10px; + margin-top:15px; + } +.centerbox ul li{ + float:left; + width:50px; + height:70px; + margin-left:10px; +} +.centerbox .kuanshi{ + color:#666; + font-family:"微软雅黑"; +} +.centerbox .shopimg{ + width:49px;height:64px; +} +.centerbox .shopimg img{ + margin:2px; +} +.centerbox .now{ + background-color:#F90; +} +.centerbox .chima{ + width:110px; + height:40px; + background-image:url(../images/shopdetail/tell04.png); + background-position:right; + background-repeat:no-repeat; + margin-left:10px; + margin-top:10px; +} +.centerbox .buy{ + margin-left:30px; + margin-top:25px; + } +.centerbox .buy a{ + + display:block; + width:200px; + height:50px; + color:#000; + border:1px solid #ccc; + float:left; + font-size:16px; + font-weight:bold; + font-family:Microsoft YaHei,arial; + margin-left:10px; + background-color:#fff; + text-align:center; + line-height:50px; +} +.centerbox .fenx{ + width:200px; + margin-left:50px; + margin-top:20px; +} +.centerbox .fuwu{ + width:500px; + height:35px; + margin-left:10px; + background-image:url(../images/shopdetail/tell08.png); + background-position:right; + background-repeat:no-repeat; + margin-top:10px; +} +.centerbox .pay{ + width:200px; + height:35px; + margin-left:10px; + background-image:url(../images/shopdetail/tell09.png); + background-position:right; + background-repeat:no-repeat; + margin-top:10px; +} +#firstbuy{ + background-color:#f00; + color:#fff; +} diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.png" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.png" new file mode 100644 index 0000000000000000000000000000000000000000..fc5833ae5098374f1c0c29460498f45f13b64642 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.png" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.webp" new file mode 100644 index 0000000000000000000000000000000000000000..c95024638bc70e8a530a361c28a378102a78d30c Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/2.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/2.webp" new file mode 100644 index 0000000000000000000000000000000000000000..d1ba5a578d5bc1e3ef12636e2205a291eaad5410 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/2.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/3.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/3.webp" new file mode 100644 index 0000000000000000000000000000000000000000..fb5e4783004005beceab89ca60fff4fe8ea5015f Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/3.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/4.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/4.webp" new file mode 100644 index 0000000000000000000000000000000000000000..3f4925adf8b47938d0eb1a8c2f4285219f622a6b Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/4.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/5.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/5.webp" new file mode 100644 index 0000000000000000000000000000000000000000..90f69532520cd5496cd042db0f3cb4a705611d49 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.06/imgs/5.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/\345\200\222\350\256\241\346\227\266.html" "b/\346\236\227\351\221\253/Vue/2022.04.06/\345\200\222\350\256\241\346\227\266.html" new file mode 100644 index 0000000000000000000000000000000000000000..aeb238ecb4e591592547fa48d1dfc84e24faa156 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.06/\345\200\222\350\256\241\346\227\266.html" @@ -0,0 +1,75 @@ + + + + + + + Document + + + + +
+ 抢购倒计时：{{count}}
+ 当前商品{{discount}}折
+ 原价：￥{{cost}}，折后价：￥{{price}}{{countdown}} +
+ + + \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html" "b/\346\236\227\351\221\253/Vue/2022.04.06/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html" new file mode 100644 index 0000000000000000000000000000000000000000..68a6acd9683241904cf86520f97c3b3fd4767b1c --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.06/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html" @@ -0,0 +1,114 @@ + + + + + +详情页面 + + + + + + + + + +
+ +
+
+ + +
+
+

+ < + > +

+ +
+ + +
+

2022主新款高端定制婚纱礼服明星同款


+

抢购倒计时：{{count}}


+

价格：￥{{cost}}

+

促销价：￥{{price}}{{countdown}}

+

店铺优惠：当前商品打{{discount}}折

+
+
+

尺码：均码

+

立即购买加入购物车

+
+
+

服务承诺：

+

支付方式：

+

+ +
+ +
+ + + diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.07/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..b77f99f7750907cda1132c0cb3619f00648dfbb0 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.07/demo.html" @@ -0,0 +1,112 @@ + + + + + 注册页面 + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ + 男 + + 女 +
+ + + +
+
+ + + + + \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp" new file mode 100644 index 0000000000000000000000000000000000000000..11fc7832e1dc459a07b9acac201d9d3f9c849929 Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html" "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html" new file mode 100644 index 0000000000000000000000000000000000000000..6729a419b7c156ca34c1a34713b25730f3c36b43 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html" @@ -0,0 +1,195 @@ + + + + + 注册页面 + + + + + + +
+
+

新用户注册

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + {{usermsg}} + +
+ + + + {{pamsg}} + +
+ + + + {{repasswordmsg}} + +
+ + + + {{phonemsg}} + +
+ 男 + 女 +
+ {{birthdaymsg}} + +
+
+
+
+ +
+

已有账号?立即登录

+
+
+ + + diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/register.css" "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/register.css" new file mode 100644 index 0000000000000000000000000000000000000000..ec7137f31ecb65685bf6f69eb5802ee4f7857424 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/register.css" @@ -0,0 +1,103 @@ +* { + margin: 0px; + padding: 0px; + box-sizing: border-box; + } + + body { + background: url("./1.webp") no-repeat center; + /*设置图片适应整个页面*/ + background-size: 100% 100%; + background-attachment:fixed; + } + + .reg_back { + /*设置整体的尺寸、背景色、边距等*/ + width: 850px; + height: 500px; + border: 8px solid #eeeeee; + background: white; + margin: auto; + margin-top: 90px; + } + + .reg_left { + /*设置左浮动和外边距*/ + float: left; + margin: 10px; + } + + .reg_left > p:first-child { + /*设置段落（新用户注册）颜色和字体大小*/ + color: yellow; + font-size: 20px; + } + + .reg_left > p:last-child { + /*设置段落（USER REGISTER）颜色和字体大小*/ + color: #9D9ABB; + font-size: 20px; + } + + .reg_center { + /*设置中间的各种输入框等*/ + float: left; + width: 450px; + } + + .reg_right { + /*设置右边段落浮动和外间距*/ + float: right; + margin: 30px; + } + + .reg_right > p:first-child { + font-size: 15px; + } + + .reg_right p a { + /*设置超链接（立即登录）颜色*/ + color: crimson; + } + + .td_left { + /*设置表单中字体对齐方式和宽度、高度*/ + width: 100px; + text-align: right; + height: 60px; + padding-top: 11px; + } + + .td_right { + /*设置输入框内边距*/ + padding-left: 40px; + } + + #username ,#password,#Email, #repassword ,#phone,#Birthday,#checkcode{ + /*设置输入框大小和边框*/ + width: 200px; + height: 30px; + border: 1px solid #A4A4A4; + /* 设置边框为圆角 */ + border-radius: 8px; + padding-left: 10px; + } + #checkcode{ + /*验证码宽度*/ + width: 100px; + } + #img_check{ + /*验证码图片*/ + vertical-align: middle; + height: 30px; + width: 95px; + } + #btn_sub{ + /*注册按钮*/ + background: #D5C0D2; + width: 100px; + height: 40px; + border: 1px solid #BDB0CB ; + margin-top: 20px; + } + \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png" "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png" new file mode 100644 index 0000000000000000000000000000000000000000..89df9723a23b095861be8c46a0c03c2e1add1aad Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png" differ diff --git "a/\346\236\227\351\221\253/Vue/2022.04.08/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.08/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..7c8492af0d0ea9bd354430d66294a7f30771d89f --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.08/demo.html" @@ -0,0 +1,46 @@ + + + + + + Document + + + + +
+ +
+
+ + + \ No newline at end of file diff --git "a/\346\236\227\351\221\253/Vue/2022.04.08/\350\203\214\346\231\257\350\211\262.html" "b/\346\236\227\351\221\253/Vue/2022.04.08/\350\203\214\346\231\257\350\211\262.html" new file mode 100644 index 0000000000000000000000000000000000000000..5e3aaa962ddb62c05de72b90ab327f3dc1021b46 --- /dev/null +++ "b/\346\236\227\351\221\253/Vue/2022.04.08/\350\203\214\346\231\257\350\211\262.html" @@ -0,0 +1,67 @@ + + + + + + 自定义指令实现随机背景 + + + + +

自定义指令

+
+

+ +

+
+ + + \ No newline at end of file