2 years ago · f6dbd925b4
--- a/(module)/css/style.css
+++ b/(module)/css/style.css
@@ -0,0 +1,127 @@
 
				+body {
			
 
				+    font-size: 1.2em;
			
 
				+    line-height: 1.4em;
			
 
				+}
			
 
				+
			
 
				+#mainContainer {
			
 
				+    display: flex;
			
 
				+}
			
 
				+
			
 
				+#aside {
			
 
				+    width: 15%;
			
 
				+}
			
 
				+
			
 
				+#aside>a {
			
 
				+    display: block;
			
 
				+}
			
 
				+
			
 
				+header {
			
 
				+    min-height: 100px;
			
 
				+    background-color: #AAA;
			
 
				+    margin-bottom: 15px;
			
 
				+}
			
 
				+
			
 
				+#main {
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+    width: 50px;
			
 
				+    text-align: right;
			
 
				+}
			
 
				+
			
 
				+main img {
			
 
				+    width: 30%;
			
 
				+}
			
 
				+
			
 
				+#cartIcon {
			
 
				+    background-color: red;
			
 
				+    border-radius: 50%;
			
 
				+    display: inline;
			
 
				+    padding: 5px 10px;
			
 
				+    color: #FFF;
			
 
				+    margin-left: -25px;
			
 
				+}
			
 
				+
			
 
				+#cartContainer {
			
 
				+    margin-bottom: 15px;
			
 
				+}
			
 
				+
			
 
				+#goodList {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+}
			
 
				+
			
 
				+.goodListCart {
			
 
				+    width: 28%;
			
 
				+    overflow: hidden;
			
 
				+    text-overflow: ellipsis;
			
 
				+    border: 1px solid #e5e5e5;
			
 
				+    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 30%);
			
 
				+    border-radius: 8px;
			
 
				+    margin: 10px;
			
 
				+    padding: 15px;
			
 
				+}
			
 
				+
			
 
				+.goodListCart img {
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.orderFindCart {
			
 
				+    border: 1px solid #e5e5e5;
			
 
				+    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 30%);
			
 
				+    border-radius: 8px;
			
 
				+    margin: 10px;
			
 
				+    padding: 15px;
			
 
				+}
			
 
				+
			
 
				+.orderFindCart img {
			
 
				+    width: 30%;
			
 
				+}
			
 
				+
			
 
				+.orderFindCartDescription {
			
 
				+    display: inline-block;
			
 
				+    margin-left: 20px;
			
 
				+}
			
 
				+
			
 
				+#goodInCart {
			
 
				+    overflow: hidden;
			
 
				+    text-overflow: ellipsis;
			
 
				+    border: 1px solid #e5e5e5;
			
 
				+    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 30%);
			
 
				+    border-radius: 8px;
			
 
				+    margin: 10px;
			
 
				+    padding: 15px;
			
 
				+}
			
 
				+
			
 
				+#goodInCartContent {
			
 
				+    display: flex;
			
 
				+}
			
 
				+
			
 
				+#goodInCartIimg {
			
 
				+    margin-right: 15px;
			
 
				+    width: 75%;
			
 
				+    max-width: 250px;
			
 
				+}
			
 
				+
			
 
				+#goodInCartIimg img {
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+#goodInCartValue {
			
 
				+    width: 50px;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+#cartOrderCreateBtn {
			
 
				+    width: 350px;
			
 
				+    margin-bottom: 20px;
			
 
				+    height: 50px;
			
 
				+    font-size: 1.4em;
			
 
				+}
			
 
				+
			
 
				+#drawSubCatBtn {
			
 
				+    display: inline-block;
			
 
				+}
			
--- a/(module)/img/pngwing.com.png
+++ b/(module)/img/pngwing.com.png
--- a/(module)/index.html
+++ b/(module)/index.html
@@ -0,0 +1,31 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Module</title>
			
 
				+    <link href="css/style.css" rel="stylesheet" type="text/css">
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <header>
			
 
				+        <div id="cartContainer">
			
 
				+            <a href="#/cart/"><img src="img/pngwing.com.png" alt="Cart"></a>
			
 
				+            <div id='cartIcon'>0</div>
			
 
				+        </div>
			
 
				+        <div id="login"></div>
			
 
				+    </header>
			
 
				+    <div id='mainContainer'>
			
 
				+        <aside id='aside'>
			
 
				+
			
 
				+        </aside>
			
 
				+        <main id='main'>
			
 
				+
			
 
				+        </main>
			
 
				+    </div>
			
 
				+    <script src='magic.js'></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/(module)/magic.js
+++ b/(module)/magic.js