|
|
@@ -0,0 +1,132 @@
|
|
|
+
|
|
|
+body{
|
|
|
+ background-color: transparent;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+div#Cartlist
|
|
|
+{
|
|
|
+ border-radius: 10px;
|
|
|
+ position: r;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 100px;
|
|
|
+ min-width: 500px;
|
|
|
+ background-color: gainsboro;
|
|
|
+ border: 2px solid gray;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store
|
|
|
+{
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: white;
|
|
|
+ font-size: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store:last-child
|
|
|
+{
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div{
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
+}
|
|
|
+
|
|
|
+div#Cartlist>div#Store>div:last-child{
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+div#Cartlist>div#Store>div.lable
|
|
|
+{
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ display: flex;
|
|
|
+ justify-items: center;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.lable>input
|
|
|
+{
|
|
|
+ height: 24px;
|
|
|
+ width: 24px;
|
|
|
+ margin: 12px;
|
|
|
+ margin-left: calc(1ch + 12px);
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.lable>div#StoreIcon
|
|
|
+{
|
|
|
+ height: 40px;
|
|
|
+ width: 40px;
|
|
|
+ margin: 4px;
|
|
|
+ margin-left: calc(1ch + 4px);
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.lable>div#StoreIcon>img
|
|
|
+{
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.lable>h3
|
|
|
+{
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+div#Cartlist>div#Store>div.goods{
|
|
|
+ height: 96px;
|
|
|
+ display: flex;
|
|
|
+ justify-items: center;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color:aliceblue;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>input{
|
|
|
+ height: 24px;
|
|
|
+ min-width: 24px;
|
|
|
+ margin: 36px;
|
|
|
+ margin-left: calc(1ch + 12px);
|
|
|
+ margin-right: calc(1ch + 12px);
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#GoodsIcon
|
|
|
+{
|
|
|
+ height: 88px;
|
|
|
+ min-width: 88px;
|
|
|
+ margin: 4px;
|
|
|
+ margin-left: calc(1ch + 4px);
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#GoodsIcon>img
|
|
|
+{
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#exp
|
|
|
+{
|
|
|
+ position: relative;
|
|
|
+ margin: 8px;
|
|
|
+ height: 80px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#exp>*
|
|
|
+{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#exp>div#count
|
|
|
+{
|
|
|
+ position: absolute;
|
|
|
+ width: 25%;
|
|
|
+ min-width: 16ch;
|
|
|
+ height: 24px;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1px solid gray;
|
|
|
+ margin: 0;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+div#Cartlist>div#Store>div.goods>div#exp>div#count>*{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ outline: 1px solid gray;
|
|
|
+ text-align: center;
|
|
|
+}
|
