diff --git a/cart.html b/cart.html new file mode 100644 index 0000000..4a0239a --- /dev/null +++ b/cart.html @@ -0,0 +1,137 @@ + + + + + +我的购物车 + + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+ + +
+
+
+
+

购物车

+ + +
+
+
+ + + + + + +
我的宝贝 5降价宝贝 0售罄宝贝 0
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
商品信息金额数量操作
花花饮品铺，酸酸甜甜好味道！ 151
+ +
花花饮品铺，酸酸甜甜好味道！ 201
+ +
花花饮品铺，酸酸甜甜好味道！ 251
+ +
谜团AOYUA饮品铺，带给您
不一样的体 		122
+ +
谜团AOYUA饮品铺，带给您
不一样的体验！ 		182
+ +
+
+
+ + + + + +
总金额：   120元
+ +
+
+ + +
+ + + + diff --git a/css/3D旋转图.css b/css/3D旋转图.css new file mode 100644 index 0000000..bf67b82 --- /dev/null +++ b/css/3D旋转图.css @@ -0,0 +1,53 @@ +html{ + perspective: 3000px; + /*perspective-origin: 50% 50%;*/ +} +.cube{ + width: 100px; + height: 100px; + /*background-color: #bbffaa;*/ + margin: 80px 65px; + transform-style: preserve-3d; + transform: rotateX(45deg) rotateZ(45deg); + animation: rotate 10s infinite linear; + /*float: left;*/ + /*position: absolute;*/ + /*left: 500px;*/ + + +} +.cube>div{ + width: 100px; + height: 100px; + opacity: 1; + position: absolute; +} +img{ + vertical-align: top; +} +.box1{ + transform: rotateY(90deg) translateZ(50px); +} +.box2{ + transform: rotateY(-90deg) translateZ(50px); +} +.box3{ + transform: rotateX(90deg) translateZ(50px); +} +.box4{ + transform: rotateX(-90deg) translateZ(50px); +} +.box5{ + transform: rotateY(180deg) translateZ(50px); +} +.box6{ + transform: rotateY(0deg) translateZ(50px); +} +@keyframes rotate { + from{ + transform: rotateX(0) rotateZ(0); + } + to{ + transform: rotateX(1turn) rotateZ(1turn); + } +} \ No newline at end of file diff --git a/css/car.css b/css/car.css new file mode 100644 index 0000000..29246fc --- /dev/null +++ b/css/car.css @@ -0,0 +1,99 @@ +body{ + overflow: hidden; + text-align: center; + +} +.tableMyOrder{ + width:60%; + border: 1px solid #F88020; + border-radius: 18px; + margin-left: 300px; + + +} +.tableMyOrder .good{ + background-color: #F88020; + height:55px; + font-size: 22px; + color:white; + line-height: 55px; + font-weight: 200; + border-radius: 18px 18px 0 0; + margin-bottom: 20px; + +} +.tableMyOrder .good table{ + width:100%; +} +.tableMyOrder .goods{ + height:45px; + line-height: 45px; + font-size: 20px; + font-weight: 200; +} +.tableMyOrder .goods table{ + width:100%; +} +.tableMyOrder .goods table .btn1{ + width: 70px; + height:28px; + border: 2px solid #46B3E6; + background-color: white; + color: #46B3E6; + border-radius: 4px; + font-weight: 600; +} +.tableMyOrder .goods table button:hover{ + background-color: #46B3E6; + color: white; +} +.tableMyOrder .goods1{ + margin-top: 10px; + + background-color: grey; + height:50px; + font-size: 19px; + color:white; + line-height: 50px; + font-weight: 200; + border-radius:0 0 10px 10px ; +} +.tableMyOrder .goods2{ + border-top: 1px solid #F88020; + margin-top: 10px; + height:50px; + font-size: 19px; + line-height: 50px; + font-weight: 200; + border-radius:0 0 10px 10px ; +} +.tableMyOrder .goods1 table{ + + width:100%; +} +.tableMyOrder .goods1 .btn2{ + width: 70px; + height:28px; + border: 2px solid #21BF73; + background-color: white; + color: #21BF73; + border-radius: 4px; + font-weight: 600; +} +.tableMyOrder .goods1 .btn2:hover{ + color:white; + background-color: #21BF73; +} +.tableMyOrder .goods1 .btn3{ + width: 80px; + height:30px; + border: 2px solid #FF0000; + background-color: white; + color: #FF0000; + border-radius: 4px; + font-weight: 600; +} +.tableMyOrder .goods1 .btn3:hover{ + color:white; + background-color:#FF0000 ; +} diff --git a/css/common.css b/css/common.css new file mode 100644 index 0000000..6dc703f --- /dev/null +++ b/css/common.css @@ -0,0 +1,23 @@ +/*清除浮动*/ +.clearfloat{ + zoom:1 +} + +.clearfloat:after{ + display:block; + clear:both; + content:""; + visibility:hidden; + height:0 +} + + +.container{ + width: 100%; +} + +/*中间居中盒子*/ +.center{ + width: 1200px; + margin: 0 auto; +} \ No newline at end of file diff --git a/css/iconfont.css b/css/iconfont.css new file mode 100644 index 0000000..ec638f8 --- /dev/null +++ b/css/iconfont.css @@ -0,0 +1,117 @@ +@font-face { + font-family: "iconfont"; /* Project id */ + src: url('iconfont.ttf?t=1621920685505') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-ShoppingCart:before { + content: "\e6e3"; +} + +.icon-gouwu:before { + content: "\e606"; +} + +.icon-fengshan:before { + content: "\e638"; +} + +.icon-iconfont-zan:before { + content: "\e63c"; +} + +.icon-goumaihongbao:before { + content: "\e63d"; +} + +.icon-fujinshangjia:before { + content: "\e63e"; +} + +.icon-shouyefenxiang:before { + content: "\e63f"; +} + +.icon-tuichudenglu:before { + content: "\e640"; +} + +.icon-xihuan:before { + content: "\e641"; +} + +.icon-wodeshoucang:before { + content: "\e642"; +} + +.icon-xiaoxi:before { + content: "\e643"; +} + +.icon-shouyewode:before { + content: "\e644"; +} + +.icon-yaoqingzhucexiaoshenhou:before { + content: "\e645"; +} + +.icon-guozhi:before { + content: "\e646"; +} + +.icon-beizidangao:before { + content: "\e647"; +} + +.icon-buding:before { + content: "\e648"; +} + +.icon-cha:before { + content: "\e649"; +} + +.icon-dangao:before { + content: "\e64a"; +} + +.icon-kafei:before { + content: "\e64b"; +} + +.icon-lanmei:before { + content: "\e64c"; +} + +.icon-ningmeng:before { + content: "\e64d"; +} + +.icon-qiyiguo:before { + content: "\e64e"; +} + +.icon-sanmingzhi:before { + content: "\e64f"; +} + +.icon-shengnvguo:before { + content: "\e650"; +} + +.icon-tusi:before { + content: "\e651"; +} + +.icon-yingtao:before { + content: "\e652"; +} + diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..5ae1000 --- /dev/null +++ b/css/index.css @@ -0,0 +1,276 @@ +/*reset*/ +a{ + text-decoration: none; + color: #fff; +} +a:hover,a:visited,a:link,a:active,a { + text-decoration: none; +} + +html,body,div,img,p { + margin: 0; + padding: 0; +} + +button{ + background-color: transparent; + outline: none; + border-style:none; + border-bottom: 2px solid white; + border-top: 0; + border-left: 0; + border-right: 0; + padding:0; + margin: 0; +} +form { + margin: 0; +} +p { + padding: 0; + margin: 0; +} +ul li{ + list-style: none; + margin: 0; + padding: 0; +} +img{ + +} +/*关于头顶导航的设置*/ +header{ + background-color: #1d1811; + color: #ffffff; + height: 80px; +} +.header_mask{ + position: absolute; + /*height: 100%;*/ + width: 100%; + background: rgba(0,0,0,.4); +} + +.header_container{ + width: 1200px; + text-align: center; + margin-left: auto; + margin-right: auto; +} + + +.navbar_brand{ + float: left; + height: 80px; + padding: 31px 0 0; + font-size: 48px; + line-height: 20px; + color: #fff !important; + font-family: 'Alex Brush', cursive; +} +.navbar_right ul{ + float: left; + margin-left: 60px; + +} +.navbar_right ul li{ + display: inline-block; + line-height: 40px; + font-family: 'Cabin', sans-serif; + font-size: 20px; + margin-right: 30px; +} +.navbar_icon ul li{ + display: inline-block; +} +.navbar_icon ul{ + display: flex; + justify-content: space-around; +} + a:hover{ + color: #f89406; + } + a.active{ + color: #f89406; +} +/*第二部分以下*/ +.part2{ + margin-top: 29px; + height: 448px; + background-color: #eae7e8; +} + +.part2_content{ + padding-top: 39px; + padding-left: 46px; + position: relative; +} + +.part2_content img{ + float: left; +} + +.part2_content_right{ + /*float: left;*/ + display: inline-block; + background-color: #ffffff; + padding: 75px 58px 88px 82px; + box-shadow:0px 9px 20px #333333; +} + +.part2_content_right_title{ + font-size: 55px; + color: #000000; + font-weight: bold; + margin-bottom: 62px; +} + +.part2_content_right_content{ + width: 588px; + font-size: 20px; + color: #000000; +} + +.part2_content_video{ + position: absolute; + width: 372px; + height: 240px; + top:386px; + left: 166px; +} + +.part3{ + text-align: center; + padding-top: 265px; +} + +.part3_title{ + font-size: 45px; + color: #000000; + font-weight: bold; + margin-bottom: 118px; +} + +.part3 li{ + display: inline-block; + color: #000000; + width: 377px; + float: left; +} + +.part3_content_title{ + font-size: 25px; + margin-bottom: 35px; +} + +.part3_content{ + font-size: 19px; +} + +.part3 ul li+li{ + margin-left: 34px; +} + +.part3 ul{ + margin-bottom: 85px; +} + +.part3_bottom{ + width: 246px; + margin:0 auto; + height: 70px; + line-height: 70px; + background-color: #2b2b2b; + color: #fbfbfb; + font-size: 25px; + margin-bottom: 45px; +} + +.part3_bottom_icon{ + float: right; + margin-right: 14px; + font-size: 30px; + font-weight: bold; +} + +.part4{ + background-color: #dad8d9; +} + +.part4_icon{ + position: absolute; + left: 40px; + bottom: 170px; + width: 90px; + height: 36px; + background-color: #e8024d; + line-height: 36px; + text-align: center; + font-size: 20px; + color: #dad2d5; +} + +.part5{ + background-color: #6f6d6d; +} + +.footer{ + position: relative; + background-image: url('../img/footer_banner.png'); + width: 100%; + height: 800px; +} + +.footer_content{ + width: 586px; + margin: 0 auto; + padding-top: 227px; +} + +.footer_left{ + display: inline-block; + width: 70px; + font-size: 19px; + color: #000000; +} + +.footer_center{ + display: inline-block; + font-size: 113px; + color: #b9b8b8; + margin: 0 60px; +} + +.footer_right{ + display: inline-block; + width: 70px; + font-size: 19px; + color: #000000; +} + +.bottom_small { + text-align: center; + background-color: #535353; + height: 38px; + line-height: 38px; + color: #b9b8b8; + font-size: 15px; +} +.part3_content_drink{ + height: 600px; + display: inline-block; + margin-right: 60px; +} +.part3_content_drink img{ + width: 280px; + height: 400px; +} +.cartButton input{ + width: 86px; + height: 26px; + border: 1px solid #707070; + opacity: 1; + border-radius: 60px; + color: #000000; + font-size: 16px; +} diff --git a/css/message.css b/css/message.css new file mode 100644 index 0000000..ba3f772 --- /dev/null +++ b/css/message.css @@ -0,0 +1,174 @@ +/*reset*/ +a{ + text-decoration: none; + color: #fff; +} +a:hover,a:visited,a:link,a:active,a { + text-decoration: none; +} + +html,body,div,img,p { + margin: 0; + padding: 0; +} + +button{ + background-color: transparent; + outline: none; + border-style:none; + border-bottom: 2px solid white; + border-top: 0; + border-left: 0; + border-right: 0; + padding:0; + margin: 0; +} +form { + margin: 0; +} +p { + padding: 0; + margin: 0; +} +ul li{ + list-style: none; + margin: 0; + padding: 0; +} + + + +/*关于头顶导航的设置*/ +header{ + background-color: #1d1811; + color: #ffffff; + height: 80px; +} +.header_mask{ + position: absolute; + /*height: 100%;*/ + width: 100%; + background: rgba(0,0,0,.4); +} + +.header_container{ + width: 100%; + text-align: center; + margin-left: auto; + margin-right: auto; +} + + +.navbar_brand{ + float: left; + height: 80px; + padding: 31px 0 0; + font-size: 48px; + line-height: 20px; + color: #fff !important; + font-family: 'Alex Brush', cursive; +} +.navbar_right ul{ + float: left; + margin-left: 60px; + +} +.navbar_right ul li{ + display: inline-block; + line-height: 40px; + font-family: 'Cabin', sans-serif; + font-size: 20px; + margin-right: 30px; +} +.navbar_icon ul li{ + display: inline-block; +} +.navbar_icon ul{ + display: flex; + justify-content: space-around; +} + a:hover{ + color: #f89406; + } + a.active{ + color: #f89406; +} + + + +.main{ + background: url(../img/banner.jpg) 0px 0px; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} +.edit{ + margin-left: 10%; + margin-right: 10%; + padding-top: 80px; +} + +.edit .title img{ + height: 60px; +} + +.edit-board { + width: 500px; + margin: auto; + padding: 20px; + background: white; +} +.edit input[type="text"], .edit textarea{ + width: 480px; + margin: 10px 0; + background: none; + border: 1px solid #D9D9D9; + color: #A3A3A3; + padding: 13px 10px; + font-size: 14px; + outline: none; +} + +.edit textarea{ + min-height: 200px; + resize: none; +} + +.edit input[type="submit"],.edit input[type="reset"] { + width: 247.5px; + margin: 10px 0; + padding: 13px 0; + outline: none; + border: none; + background: #AC915A; + color: #fff; + font-size: 16px; + cursor: pointer; + transition: .5s all; +} + +.edit input[type="submit"]:hover , .edit input[type="reset"]:hover{ + background: #F8782D; +} + +.show { + margin: 50px 10%; +} + +.message { + margin: 10px 0; + padding: 10px 20px; + border: black solid 0.5px; + border-radius: 20px; + background: gainsboro; + opacity: .8; + transition: .5s all; +} + +.message:hover{ + opacity: 1; +} + +.message h4 { + color: darkgray; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..649a6fd --- /dev/null +++ b/css/reset.css @@ -0,0 +1,39 @@ +/*重置*/ +{ + font-family: "Microsoft YaHei"!important; +} + +html,body,div,img,p { + margin: 0; + padding: 0; +} + +ul,li{ + list-style: none; + padding: 0; + margin: 0; +} + +a{ + text-decoration: none; +} +a:hover,a:visited,a:link,a:active,a { + text-decoration: none; +} + +input,button{ + background-color: transparent; + outline: none; + border-style:none; + padding:0; + margin: 0; +} + +form { + margin: 0; +} + +p { + padding: 0; + margin: 0; +} \ No newline at end of file diff --git a/css/订单文字设置.css b/css/订单文字设置.css new file mode 100644 index 0000000..9f76ecd --- /dev/null +++ b/css/订单文字设置.css @@ -0,0 +1,73 @@ + +.order_ul,.orderContentUl{ + list-style: none; + position: absolute; + top: 230px; + +} +.order_ul li,.orderContentUl li{ + float:left; + padding: 50px; + font:25px verdana, arial, sans-serif; + padding-left: 15px; +} +p{ + font:50px verdana, arial, sans-serif; + padding-left: 80px; +} +li a{ + display: block; +} + + + +/*li a:hover{*/ +/* background-color: #bbffaa;*/ +/*}*/ +a{ + text-decoration: none; + color: #333; +} +input{ + position: absolute; + left:1000px; + top:245px; + background-color: rgba(0,0,0,0); +} +.imgSearch{ + position:relative; + left:-30px; + top:123px; +} +hr{ + position: relative; + +} +.myOrder{ + position: relative; + top: 250px; + left: -600px; +} +.list-group-title{ + position: relative; + right: 1100px; + top: 250px; +} +.Table{ + width: 1100px; +} +.list-group-goods1{ + position: relative; + left:-2230px; + top: 400px; +} +.list-group-goods2{ + position: relative; + left:-3330px; + top: 800px; +} +.list-group-goods3{ + position: relative; + left:-4430px; + top: 1200px; +} diff --git a/css/购物车.css b/css/购物车.css new file mode 100644 index 0000000..fe894b8 --- /dev/null +++ b/css/购物车.css @@ -0,0 +1,92 @@ +@charset "utf-8"; +/* CSS Document */ + +*{ + padding:0; + margin:0; + + } + +.total{ + width:1200px; + margin-left:auto; + margin-right:auto; + height:1800px; + +} + +.p1{ + width:150px; + height:50px; + margin-left:100px; + color:black; + font-size:30px; + float:left; + +} + +.search_form{ + + margin-top:50px; + width:1200px; + height:100px; +} + +.input_text{ + + margin-top:10px; + width:300px; + height:32px; + border:1px solid black; + text-indent:10px; + outline: none; + float:right; + padding:0; +} + +.input_sub{ + margin-top:10px; + margin-right:200px; + width:100px; + height:34px; + background: black; + border:0px; + color:#FFF; + float:right; + cursor:pointer; + +} + +.text{ + width:auto; + margin-top:30px; + margin-left:100px; + font-size:18px; + +} + +.text1{ + border:1px solid black; + width:auto; + margin-left:100px; + margin-right:100px; + margin-top:20px; +} + +.pay_box{ + font-size:30px; + border:1px solid black; + width:auto; + margin-left:100px; + margin-right:100px; + margin-top:20px; + margin-bottom:30px; +} +.table_sub{ + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c!important; + border-radius: 4px; + padding: 3px 8px; + margin-bottom: 16px; +} diff --git a/css/超链接字体改变.js b/css/超链接字体改变.js new file mode 100644 index 0000000..f5a1cb9 --- /dev/null +++ b/css/超链接字体改变.js @@ -0,0 +1,51 @@ +function HideOrShowFont(obj) { + if (obj == "a1") { + document.getElementById("a1").style.color = "#bbffaa"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + + else if (obj == 'a2') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#bbffaa"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a3') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#bbffaa"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a4') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#bbffaa"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a5') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#bbffaa"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a6') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#bbffaa"; + } +} diff --git a/iconfont/iconfont.css b/iconfont/iconfont.css new file mode 100644 index 0000000..f72c4b6 --- /dev/null +++ b/iconfont/iconfont.css @@ -0,0 +1,181 @@ +@font-face { + font-family: "iconfont"; /* Project id */ + src: url('iconfont.ttf?t=1622101868205') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-dingdan:before { + content: "\f01be"; +} + +.icon-dingdan1:before { + content: "\e667"; +} + +.icon-dingdan2:before { + content: "\e652"; +} + +.icon-zhuanjifenxinzhuce:before { + content: "\e690"; +} + +.icon-weibo-copy:before { + content: "\e65a"; +} + +.icon-qq-copy-copy:before { + content: "\e65c"; +} + +.icon-weixindenglufanbai:before { + content: "\e607"; +} + +.icon-denglu:before { + content: "\e67c"; +} + +.icon-tuanduicankaoxian-:before { + content: "\e63f"; +} + +.icon-zhuce:before { + content: "\e6d6"; +} + +.icon-zhuce1:before { + content: "\e71c"; +} + +.icon-weixin:before { + content: "\e77e"; +} + +.icon-qq:before { + content: "\e69b"; +} + +.icon-dingdan3:before { + content: "\e61d"; +} + +.icon-ShoppingCart:before { + content: "\e6e3"; +} + +.icon-icon_xinyong_xianxing_jijin-183:before { + content: "\e653"; +} + +.icon-tuichudenglu:before { + content: "\efa6"; +} + +.icon-gouwu:before { + content: "\e606"; +} + +.icon-fengshan:before { + content: "\e638"; +} + +.icon-iconfont-zan:before { + content: "\e63c"; +} + +.icon-goumaihongbao:before { + content: "\e63d"; +} + +.icon-fujinshangjia:before { + content: "\e63e"; +} + +.icon-shouyefenxiang:before { + content: "\e640"; +} + +.icon-tuichudenglu1:before { + content: "\e641"; +} + +.icon-xihuan:before { + content: "\e642"; +} + +.icon-wodeshoucang:before { + content: "\e643"; +} + +.icon-xiaoxi:before { + content: "\e644"; +} + +.icon-shouyewode:before { + content: "\e645"; +} + +.icon-yaoqingzhucexiaoshenhou:before { + content: "\e646"; +} + +.icon-guozhi:before { + content: "\e647"; +} + +.icon-beizidangao:before { + content: "\e648"; +} + +.icon-buding:before { + content: "\e649"; +} + +.icon-cha:before { + content: "\e64a"; +} + +.icon-dangao:before { + content: "\e64b"; +} + +.icon-kafei:before { + content: "\e64c"; +} + +.icon-lanmei:before { + content: "\e64d"; +} + +.icon-ningmeng:before { + content: "\e64e"; +} + +.icon-qiyiguo:before { + content: "\e64f"; +} + +.icon-sanmingzhi:before { + content: "\e650"; +} + +.icon-shengnvguo:before { + content: "\e651"; +} + +.icon-tusi:before { + content: "\e654"; +} + +.icon-yingtao:before { + content: "\e655"; +} + diff --git a/iconfont/iconfont.js b/iconfont/iconfont.js new file mode 100644 index 0000000..68d2342 --- /dev/null +++ b/iconfont/iconfont.js @@ -0,0 +1 @@ +!function(h){var l,a,t,p,c,F,i='',z=(z=document.getElementsByTagName("script"))[z.length-1].getAttribute("data-injectcss");if(z&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(h){console&&console.log(h)}}function d(){c||(c=!0,t())}l=function(){var h,l,a;(a=document.createElement("div")).innerHTML=i,i=null,(l=a.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",h=l,(a=document.body).firstChild?(l=a.firstChild).parentNode.insertBefore(h,l):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),l()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(t=l,p=h.document,c=!1,(F=function(){try{p.documentElement.doScroll("left")}catch(h){return void setTimeout(F,50)}d()})(),p.onreadystatechange=function(){"complete"==p.readyState&&(p.onreadystatechange=null,d())})}(window); \ No newline at end of file diff --git a/iconfont/iconfont.json b/iconfont/iconfont.json new file mode 100644 index 0000000..4295545 --- /dev/null +++ b/iconfont/iconfont.json @@ -0,0 +1,303 @@ +{ + "id": "", + "name": "", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "1375", + "name": "订单", + "font_class": "dingdan", + "unicode": "f01be", + "unicode_decimal": 983486 + }, + { + "icon_id": "765110", + "name": "订单", + "font_class": "dingdan1", + "unicode": "e667", + "unicode_decimal": 58983 + }, + { + "icon_id": "947048", + "name": "订单", + "font_class": "dingdan2", + "unicode": "e652", + "unicode_decimal": 58962 + }, + { + "icon_id": "966301", + "name": "积分商城-新注册", + "font_class": "zhuanjifenxinzhuce", + "unicode": "e690", + "unicode_decimal": 59024 + }, + { + "icon_id": "986225", + "name": "微博", + "font_class": "weibo-copy", + "unicode": "e65a", + "unicode_decimal": 58970 + }, + { + "icon_id": "986277", + "name": "qq", + "font_class": "qq-copy-copy", + "unicode": "e65c", + "unicode_decimal": 58972 + }, + { + "icon_id": "1168075", + "name": "微信登录反白", + "font_class": "weixindenglufanbai", + "unicode": "e607", + "unicode_decimal": 58887 + }, + { + "icon_id": "2569869", + "name": "登录", + "font_class": "denglu", + "unicode": "e67c", + "unicode_decimal": 59004 + }, + { + "icon_id": "5343677", + "name": "订单", + "font_class": "tuanduicankaoxian-", + "unicode": "e63f", + "unicode_decimal": 58943 + }, + { + "icon_id": "6851465", + "name": "注册", + "font_class": "zhuce", + "unicode": "e6d6", + "unicode_decimal": 59094 + }, + { + "icon_id": "7090090", + "name": "注册", + "font_class": "zhuce1", + "unicode": "e71c", + "unicode_decimal": 59164 + }, + { + "icon_id": "11758475", + "name": "微信", + "font_class": "weixin", + "unicode": "e77e", + "unicode_decimal": 59262 + }, + { + "icon_id": "15765375", + "name": "qq", + "font_class": "qq", + "unicode": "e69b", + "unicode_decimal": 59035 + }, + { + "icon_id": "15992235", + "name": "订单", + "font_class": "dingdan3", + "unicode": "e61d", + "unicode_decimal": 58909 + }, + { + "icon_id": "17273256", + "name": "购物车", + "font_class": "ShoppingCart", + "unicode": "e6e3", + "unicode_decimal": 59107 + }, + { + "icon_id": "18299650", + "name": "退出登录", + "font_class": "icon_xinyong_xianxing_jijin-183", + "unicode": "e653", + "unicode_decimal": 58963 + }, + { + "icon_id": "18538433", + "name": "退出登录", + "font_class": "tuichudenglu", + "unicode": "efa6", + "unicode_decimal": 61350 + }, + { + "icon_id": "21398237", + "name": "购物", + "font_class": "gouwu", + "unicode": "e606", + "unicode_decimal": 58886 + }, + { + "icon_id": "21593285", + "name": "风扇", + "font_class": "fengshan", + "unicode": "e638", + "unicode_decimal": 58936 + }, + { + "icon_id": "21598345", + "name": "iconfont-zan", + "font_class": "iconfont-zan", + "unicode": "e63c", + "unicode_decimal": 58940 + }, + { + "icon_id": "21598347", + "name": "购买红包", + "font_class": "goumaihongbao", + "unicode": "e63d", + "unicode_decimal": 58941 + }, + { + "icon_id": "21598349", + "name": "附近商家", + "font_class": "fujinshangjia", + "unicode": "e63e", + "unicode_decimal": 58942 + }, + { + "icon_id": "21598355", + "name": "首页分享", + "font_class": "shouyefenxiang", + "unicode": "e640", + "unicode_decimal": 58944 + }, + { + "icon_id": "21598357", + "name": "退出登录", + "font_class": "tuichudenglu1", + "unicode": "e641", + "unicode_decimal": 58945 + }, + { + "icon_id": "21598358", + "name": "喜欢", + "font_class": "xihuan", + "unicode": "e642", + "unicode_decimal": 58946 + }, + { + "icon_id": "21598362", + "name": "我的收藏", + "font_class": "wodeshoucang", + "unicode": "e643", + "unicode_decimal": 58947 + }, + { + "icon_id": "21598363", + "name": "消息", + "font_class": "xiaoxi", + "unicode": "e644", + "unicode_decimal": 58948 + }, + { + "icon_id": "21598364", + "name": "首页我的", + "font_class": "shouyewode", + "unicode": "e645", + "unicode_decimal": 58949 + }, + { + "icon_id": "21598365", + "name": "邀请注册小神猴", + "font_class": "yaoqingzhucexiaoshenhou", + "unicode": "e646", + "unicode_decimal": 58950 + }, + { + "icon_id": "21643423", + "name": "果汁", + "font_class": "guozhi", + "unicode": "e647", + "unicode_decimal": 58951 + }, + { + "icon_id": "21643424", + "name": "杯子蛋糕", + "font_class": "beizidangao", + "unicode": "e648", + "unicode_decimal": 58952 + }, + { + "icon_id": "21643426", + "name": "布丁", + "font_class": "buding", + "unicode": "e649", + "unicode_decimal": 58953 + }, + { + "icon_id": "21643427", + "name": "茶", + "font_class": "cha", + "unicode": "e64a", + "unicode_decimal": 58954 + }, + { + "icon_id": "21643430", + "name": "蛋糕 ", + "font_class": "dangao", + "unicode": "e64b", + "unicode_decimal": 58955 + }, + { + "icon_id": "21643432", + "name": "咖啡", + "font_class": "kafei", + "unicode": "e64c", + "unicode_decimal": 58956 + }, + { + "icon_id": "21643433", + "name": "蓝莓", + "font_class": "lanmei", + "unicode": "e64d", + "unicode_decimal": 58957 + }, + { + "icon_id": "21643434", + "name": "柠檬", + "font_class": "ningmeng", + "unicode": "e64e", + "unicode_decimal": 58958 + }, + { + "icon_id": "21643439", + "name": "奇异果", + "font_class": "qiyiguo", + "unicode": "e64f", + "unicode_decimal": 58959 + }, + { + "icon_id": "21643440", + "name": "三明治", + "font_class": "sanmingzhi", + "unicode": "e650", + "unicode_decimal": 58960 + }, + { + "icon_id": "21643441", + "name": "圣女果", + "font_class": "shengnvguo", + "unicode": "e651", + "unicode_decimal": 58961 + }, + { + "icon_id": "21643442", + "name": "吐司", + "font_class": "tusi", + "unicode": "e654", + "unicode_decimal": 58964 + }, + { + "icon_id": "21643446", + "name": "樱桃", + "font_class": "yingtao", + "unicode": "e655", + "unicode_decimal": 58965 + } + ] +} diff --git a/iconfont/iconfont.ttf b/iconfont/iconfont.ttf new file mode 100644 index 0000000..afdb93a Binary files /dev/null and b/iconfont/iconfont.ttf differ diff --git a/img/1.jpg b/img/1.jpg new file mode 100644 index 0000000..e038afd Binary files /dev/null and b/img/1.jpg differ diff --git a/img/1.png b/img/1.png new file mode 100644 index 0000000..45d987c Binary files /dev/null and b/img/1.png differ diff --git a/img/2.jpg b/img/2.jpg new file mode 100644 index 0000000..070a550 Binary files /dev/null and b/img/2.jpg differ diff --git a/img/2.png b/img/2.png new file mode 100644 index 0000000..266bd1c Binary files /dev/null and b/img/2.png differ diff --git a/img/3.jpg b/img/3.jpg new file mode 100644 index 0000000..7e9e438 Binary files /dev/null and b/img/3.jpg differ diff --git a/img/3.png b/img/3.png new file mode 100644 index 0000000..ed3a89b Binary files /dev/null and b/img/3.png differ diff --git a/img/4.jpg b/img/4.jpg new file mode 100644 index 0000000..45540e4 Binary files /dev/null and b/img/4.jpg differ diff --git a/img/4.png b/img/4.png new file mode 100644 index 0000000..567e6c2 Binary files /dev/null and b/img/4.png differ diff --git a/img/5.jpg b/img/5.jpg new file mode 100644 index 0000000..1770f21 Binary files /dev/null and b/img/5.jpg differ diff --git a/img/5.png b/img/5.png new file mode 100644 index 0000000..ce60049 Binary files /dev/null and b/img/5.png differ diff --git a/img/6.jpg b/img/6.jpg new file mode 100644 index 0000000..d6365ee Binary files /dev/null and b/img/6.jpg differ diff --git a/img/6.png b/img/6.png new file mode 100644 index 0000000..5250620 Binary files /dev/null and b/img/6.png differ diff --git a/img/a2myl-8vvtk.jpg b/img/a2myl-8vvtk.jpg new file mode 100644 index 0000000..3d62157 Binary files /dev/null and b/img/a2myl-8vvtk.jpg differ diff --git a/img/ag2vn-d9nt3.jpg b/img/ag2vn-d9nt3.jpg new file mode 100644 index 0000000..6dbf75a Binary files /dev/null and b/img/ag2vn-d9nt3.jpg differ diff --git a/img/banner.jpg b/img/banner.jpg new file mode 100644 index 0000000..8ad3f35 Binary files /dev/null and b/img/banner.jpg differ diff --git a/img/banner2.jpg b/img/banner2.jpg new file mode 100644 index 0000000..b16c4f4 Binary files /dev/null and b/img/banner2.jpg differ diff --git a/img/drink1.jpg b/img/drink1.jpg new file mode 100644 index 0000000..9a3f186 Binary files /dev/null and b/img/drink1.jpg differ diff --git a/img/drink2.jpg b/img/drink2.jpg new file mode 100644 index 0000000..c904327 Binary files /dev/null and b/img/drink2.jpg differ diff --git a/img/drink3.jpg b/img/drink3.jpg new file mode 100644 index 0000000..48364b1 Binary files /dev/null and b/img/drink3.jpg differ diff --git a/img/lo.jpg b/img/lo.jpg new file mode 100644 index 0000000..f803b90 Binary files /dev/null and b/img/lo.jpg differ diff --git a/img/lp.jpg b/img/lp.jpg new file mode 100644 index 0000000..1468f60 Binary files /dev/null and b/img/lp.jpg differ diff --git a/img/order.jpg b/img/order.jpg new file mode 100644 index 0000000..490c680 Binary files /dev/null and b/img/order.jpg differ diff --git a/img/part2.jpg b/img/part2.jpg new file mode 100644 index 0000000..1c6ea94 Binary files /dev/null and b/img/part2.jpg differ diff --git a/img/webp.webp b/img/webp.webp new file mode 100644 index 0000000..30bd036 Binary files /dev/null and b/img/webp.webp differ diff --git a/img/webp14.webp b/img/webp14.webp new file mode 100644 index 0000000..0b402a0 Binary files /dev/null and b/img/webp14.webp differ diff --git a/img/webp15.webp b/img/webp15.webp new file mode 100644 index 0000000..08cf865 Binary files /dev/null and b/img/webp15.webp differ diff --git a/img/webp16.webp b/img/webp16.webp new file mode 100644 index 0000000..184f377 Binary files /dev/null and b/img/webp16.webp differ diff --git a/img/webp2.webp b/img/webp2.webp new file mode 100644 index 0000000..257e380 Binary files /dev/null and b/img/webp2.webp differ diff --git a/img/webp3.webp b/img/webp3.webp new file mode 100644 index 0000000..b6ac6b7 Binary files /dev/null and b/img/webp3.webp differ diff --git a/img/webp4.webp b/img/webp4.webp new file mode 100644 index 0000000..a34a383 Binary files /dev/null and b/img/webp4.webp differ diff --git a/img/webp5.webp b/img/webp5.webp new file mode 100644 index 0000000..074c258 Binary files /dev/null and b/img/webp5.webp differ diff --git a/img/webp6.webp b/img/webp6.webp new file mode 100644 index 0000000..71ce068 Binary files /dev/null and b/img/webp6.webp differ diff --git a/img/webp7.webp b/img/webp7.webp new file mode 100644 index 0000000..b7f232c Binary files /dev/null and b/img/webp7.webp differ diff --git a/img/搜索图标.png b/img/搜索图标.png new file mode 100644 index 0000000..59170f7 Binary files /dev/null and b/img/搜索图标.png differ diff --git a/img/订单.html b/img/订单.html new file mode 100644 index 0000000..2396569 --- /dev/null +++ b/img/订单.html @@ -0,0 +1,150 @@ + + + + + 订单详情 + + + + + + + +
+ + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+

我的订单

+
+ + +
+
+
+ + 搜索图标 + +
+
+
+ + + + + + + + + + + +
商品单价/元数量状态实付款/元订单状态及操作
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ +
+ + diff --git a/img/饮品1.jpg b/img/饮品1.jpg new file mode 100644 index 0000000..d6365ee Binary files /dev/null and b/img/饮品1.jpg differ diff --git a/img/饮品2.jpg b/img/饮品2.jpg new file mode 100644 index 0000000..e038afd Binary files /dev/null and b/img/饮品2.jpg differ diff --git a/img/饮品3.jpg b/img/饮品3.jpg new file mode 100644 index 0000000..7e9e438 Binary files /dev/null and b/img/饮品3.jpg differ diff --git a/img/饮品4.jpg b/img/饮品4.jpg new file mode 100644 index 0000000..1770f21 Binary files /dev/null and b/img/饮品4.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c3d851f --- /dev/null +++ b/index.html @@ -0,0 +1,87 @@ + + + + + 饮品首页 + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+ +
+ +
+
+ + +
+ +
+
+ +
+

Welcome to Summertime

+

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.

+
+ +
+
+
+
+
+ +

夏日樱桃冰冰

+
+ + +
+
+
+ +

柠檬雪碧

+
+ + +
+
+
+ +

浓浓奶茶

+
+ + +
+
+
+
+ +
© rj1907 版权所有 不得转载
+ + diff --git a/js/超链接字体改变.js b/js/超链接字体改变.js new file mode 100644 index 0000000..f5a1cb9 --- /dev/null +++ b/js/超链接字体改变.js @@ -0,0 +1,51 @@ +function HideOrShowFont(obj) { + if (obj == "a1") { + document.getElementById("a1").style.color = "#bbffaa"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + + else if (obj == 'a2') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#bbffaa"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a3') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#bbffaa"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a4') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#bbffaa"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a5') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#bbffaa"; + document.getElementById("a6").style.color = "#333"; + } + else if (obj == 'a6') { + document.getElementById("a1").style.color = "#333"; + document.getElementById("a2").style.color = "#333"; + document.getElementById("a3").style.color = "#333"; + document.getElementById("a4").style.color = "#333"; + document.getElementById("a5").style.color = "#333"; + document.getElementById("a6").style.color = "#bbffaa"; + } +} diff --git a/login.html b/login.html new file mode 100644 index 0000000..795213f --- /dev/null +++ b/login.html @@ -0,0 +1,118 @@ + + + + + + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+
+

Welcome


+
+

+

+
+   + +
+
+ + diff --git a/message.html b/message.html new file mode 100644 index 0000000..074797b --- /dev/null +++ b/message.html @@ -0,0 +1,68 @@ + + + + + MessageBoard + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+
+
+ +
+
+
+ + + + +
+
+
+
+
+

小李

+
很好
+

2021-5-30

+
+
+

小涛

+
下次再来
+

2021-5-29

+
+
+
+ + + diff --git a/order.html b/order.html new file mode 100644 index 0000000..195a1ae --- /dev/null +++ b/order.html @@ -0,0 +1,180 @@ + + + + + 订单详情 + + + + + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+

我的订单

+
+ + +
+
+
+ + 搜索图标 + +
+
+
+ + + + + + + + + + + +
商品单价/元数量状态实付款/元订单状态及操作
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ + + + + + + + + + + +
20/元1已支付20/元已完成
+
+
+ +
+ + diff --git a/register.html b/register.html new file mode 100644 index 0000000..682f1eb --- /dev/null +++ b/register.html @@ -0,0 +1,117 @@ + + + + + + 注册 + + + + + + + + +
+
+
+
+ SummerTime +
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+
+
+
+

注册


+
+ + 用户名:

+ + 密码：

+ 住址：
+ +
+ + +
+
+ +