└── 0820作业 ├── .vscode └── settings.json ├── css └── index.css ├── images ├── Layer-6.png ├── bg.png ├── bg3.png ├── bg4.png ├── bg5.png ├── logo-拷贝-2.png ├── logo-拷贝.png ├── logo.png ├── shouzhi.png ├── shouzibg.png ├── sideBg.png ├── t1.png ├── time.png ├── user.png ├── 互动图标.png ├── 交班.png ├── 交班2.png ├── 交班22.png ├── 会员.png ├── 会员2.png ├── 促销.png ├── 促销2.png ├── 修改.png ├── 关闭.png ├── 减少.png ├── 商品.png ├── 圆角矩形-11.png ├── 增加.png ├── 挂单.png ├── 挂单2.png ├── 搜.png ├── 收银中心.png ├── 曾.png ├── 椭圆-12-拷贝.png ├── 椭圆-12.png ├── 组-1.png ├── 组-15.png ├── 组-18.png ├── 订货.png ├── 订货2.png ├── 账户中心.png ├── 购物卡.png ├── 购物卡2.png └── 赠送.png └── index.html /0820作业/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.fontSize": 20 3 | } -------------------------------------------------------------------------------- /0820作业/css/index.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0;padding:0; 3 | } 4 | .container{ 5 | background: #333; 6 | margin:145px 217px 242px 180px; 7 | width:1030px; 8 | height:770px; 9 | position: relative; 10 | 11 | } 12 | .left{ 13 | position: absolute; 14 | top:22px; 15 | } 16 | .left-top{ 17 | background: url('../images/t1.png'); 18 | height:45px; 19 | width:300px; 20 | } 21 | .left-user{ 22 | background: url('../images/sideBg.png'); 23 | height:65px; 24 | width:300px; 25 | } 26 | .left-user-one{ 27 | position: absolute; 28 | top:55px; 29 | left:10px; 30 | } 31 | .left-user-name{ 32 | color:#ECBD85; 33 | position: absolute; 34 | top:55px; 35 | left:33px; 36 | font-size:12px; 37 | } 38 | .left-user-two{ 39 | position: absolute; 40 | left:10px; 41 | top:80px; 42 | } 43 | .left-user-time{ 44 | color:#ECBD85; 45 | position: absolute; 46 | top:80px; 47 | left:33px; 48 | font-size:12px; 49 | } 50 | .income{ 51 | background: url('../images/bg3.png'); 52 | width:300px; 53 | height:45px; 54 | } 55 | .income img{ 56 | margin-top:15px; 57 | margin-left:10px; 58 | } 59 | .income span{ 60 | color:#B8B1AF; 61 | display:block; 62 | margin-top:-25px; 63 | margin-left:33px; 64 | } 65 | .list{ 66 | box-shadow: 1px 6px 12px -2px #333; 67 | position: relative; 68 | overflow: hidden; 69 | } 70 | .list div{ 71 | background: #F0E7D6; 72 | width:300px; 73 | height:45px; 74 | border-bottom:1px solid #C1AC97; 75 | } 76 | .list-name{ 77 | color:#803717; 78 | font-size:14px; 79 | padding:15px; 80 | } 81 | .list-name span{ 82 | margin-right:26px; 83 | margin-left:15px; 84 | font-weight:bold; 85 | } 86 | .list-egg{ 87 | color:#803717; 88 | font-size:14px; 89 | padding:15px; 90 | } 91 | .list-egg span{ 92 | margin-right:43px; 93 | margin-left:15px; 94 | } 95 | .list-bread{ 96 | color:#803717; 97 | font-size:14px; 98 | padding:15px; 99 | } 100 | .list-bread span{ 101 | margin-right:13px; 102 | margin-left:15px; 103 | } 104 | .list-bread span:nth-child(2){ 105 | margin-right:38px; 106 | } 107 | .list-bread span:nth-child(3){ 108 | margin-right:30px; 109 | } 110 | /* .list p img{ 111 | margin-left:5px; 112 | margin-top:15px; 113 | } */ 114 | .list-gift{ 115 | color:#803717; 116 | font-size:14px; 117 | margin-left:5px; 118 | padding-top:8px; 119 | } 120 | .list-gift img{ 121 | position: relative; 122 | top:5px; 123 | left:0px; 124 | } 125 | .list-gift span{ 126 | margin-right:30px; 127 | } 128 | .list-gift span:nth-child(5){ 129 | margin-left:38px; 130 | } 131 | .list-gift span:nth-child(4){ 132 | margin-left:29px; 133 | } 134 | .list-sandwish{ 135 | color:#803717; 136 | font-size:14px; 137 | padding:15px; 138 | } 139 | .list-sandwish span{ 140 | margin-right:30px; 141 | margin-left:15px; 142 | } 143 | .list-sandwish span:nth-child(2){ 144 | margin-right:40px; 145 | } 146 | .list-sandwish span:nth-child(3){ 147 | margin-right:47px; 148 | } 149 | .bg{ 150 | background: url('../images/shouzibg.png'); 151 | height:152px; 152 | width:300px; 153 | } 154 | .sum{ 155 | background: #F3E7BF; 156 | height:140px; 157 | width:300px; 158 | } 159 | .price{ 160 | background: #F2F1D3; 161 | height:50px; 162 | width:215px; 163 | margin:25px 65px 65px 20px; 164 | position: absolute; 165 | } 166 | .price span{ 167 | color:#B82C1D; 168 | font-size:24px; 169 | margin-right:3px; 170 | margin-left:20px; 171 | line-height: 50px; 172 | } 173 | .shop-right{ 174 | margin-left:182px; 175 | margin-top:-22px; 176 | 177 | } 178 | .sum .shop{ 179 | background-color:#fff; 180 | height:30px; 181 | width:210px; 182 | border-radius: 35px; 183 | left:5px; 184 | position: absolute; 185 | top:626px; 186 | } 187 | .sum input{ 188 | /* box-shadow:1px 6px 12px -2px #333; */ 189 | margin-left:10px; 190 | margin-top:2px; 191 | line-height:25px; 192 | overflow: hidden; 193 | border:none; 194 | } 195 | .sum .search{ 196 | position: absolute; 197 | height:30px; 198 | width:40px; 199 | background-color:#fff; 200 | border-radius: 35px; 201 | top:626px; 202 | right:35px; 203 | } 204 | .search img{ 205 | margin-left:12px; 206 | margin-top:8px; 207 | } 208 | .menu{ 209 | background:rgba(55,56,55,0.5); 210 | height:523px; 211 | width:42px; 212 | position: absolute; 213 | right:0px; 214 | top:154px; 215 | } 216 | .menu img{ 217 | margin-top:18px; 218 | margin-left:5px; 219 | } 220 | .right-top{ 221 | background: url('../images/t1.png'); 222 | height:45px; 223 | width:728px; 224 | } 225 | .right{ 226 | position: absolute; 227 | top:22px; 228 | right:0px; 229 | } 230 | .page{ 231 | width:650px; 232 | height:48px; 233 | text-align: center; 234 | margin-top: 16px; 235 | margin-left: 55px; 236 | line-height:48px; 237 | } 238 | .page div{ 239 | float: left; 240 | margin-right:5px; 241 | } 242 | .first-page{ 243 | width:103px; 244 | height:48px; 245 | background-color:#ECBD85; 246 | border-radius: 5px 5px; 247 | } 248 | .first-page p{ 249 | line-height:48px; 250 | } 251 | .last-page{ 252 | width:48px; 253 | height:48px; 254 | background-color:#ECBD85; 255 | border-radius: 5px 5px; 256 | } 257 | .page div:hover{ 258 | color:#fff; 259 | background: #B82C1D; 260 | } 261 | .book{ 262 | background: #fdfdf5; 263 | width: 650px; 264 | height: 555px; 265 | margin-left:50px; 266 | border-radius: 5px; 267 | 268 | } 269 | .ring{ 270 | width: 95px; 271 | height: 557px; 272 | border-radius: 5px 5px; 273 | position: absolute; 274 | left:5px; 275 | } 276 | .ring img{ 277 | margin-bottom:-4px; 278 | } 279 | .line{ 280 | height:27px; 281 | width:589px; 282 | border-bottom:2px solid #B82C1D; 283 | } 284 | .cake{ 285 | margin-left:38px; 286 | margin-top:17px; 287 | } 288 | .cake div{ 289 | float: left; 290 | width:102px; 291 | height:72px; 292 | border:1px solid #ECBD85; 293 | border-radius: 5px; 294 | margin-left:5px; 295 | } 296 | .cake p{ 297 | font-size:14px; 298 | color:#666666; 299 | margin-left:15px; 300 | } 301 | .cake p:nth-child(1){ 302 | color:#C6412E; 303 | margin-top:20px; 304 | } -------------------------------------------------------------------------------- /0820作业/images/Layer-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/Layer-6.png -------------------------------------------------------------------------------- /0820作业/images/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/bg.png -------------------------------------------------------------------------------- /0820作业/images/bg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/bg3.png -------------------------------------------------------------------------------- /0820作业/images/bg4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/bg4.png -------------------------------------------------------------------------------- /0820作业/images/bg5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/bg5.png -------------------------------------------------------------------------------- /0820作业/images/logo-拷贝-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/logo-拷贝-2.png -------------------------------------------------------------------------------- /0820作业/images/logo-拷贝.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/logo-拷贝.png -------------------------------------------------------------------------------- /0820作业/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/logo.png -------------------------------------------------------------------------------- /0820作业/images/shouzhi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/shouzhi.png -------------------------------------------------------------------------------- /0820作业/images/shouzibg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/shouzibg.png -------------------------------------------------------------------------------- /0820作业/images/sideBg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/sideBg.png -------------------------------------------------------------------------------- /0820作业/images/t1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/t1.png -------------------------------------------------------------------------------- /0820作业/images/time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/time.png -------------------------------------------------------------------------------- /0820作业/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/user.png -------------------------------------------------------------------------------- /0820作业/images/互动图标.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/互动图标.png -------------------------------------------------------------------------------- /0820作业/images/交班.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/交班.png -------------------------------------------------------------------------------- /0820作业/images/交班2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/交班2.png -------------------------------------------------------------------------------- /0820作业/images/交班22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/交班22.png -------------------------------------------------------------------------------- /0820作业/images/会员.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/会员.png -------------------------------------------------------------------------------- /0820作业/images/会员2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/会员2.png -------------------------------------------------------------------------------- /0820作业/images/促销.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/促销.png -------------------------------------------------------------------------------- /0820作业/images/促销2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/促销2.png -------------------------------------------------------------------------------- /0820作业/images/修改.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/修改.png -------------------------------------------------------------------------------- /0820作业/images/关闭.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/关闭.png -------------------------------------------------------------------------------- /0820作业/images/减少.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/减少.png -------------------------------------------------------------------------------- /0820作业/images/商品.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/商品.png -------------------------------------------------------------------------------- /0820作业/images/圆角矩形-11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/圆角矩形-11.png -------------------------------------------------------------------------------- /0820作业/images/增加.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/增加.png -------------------------------------------------------------------------------- /0820作业/images/挂单.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/挂单.png -------------------------------------------------------------------------------- /0820作业/images/挂单2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/挂单2.png -------------------------------------------------------------------------------- /0820作业/images/搜.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/搜.png -------------------------------------------------------------------------------- /0820作业/images/收银中心.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/收银中心.png -------------------------------------------------------------------------------- /0820作业/images/曾.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/曾.png -------------------------------------------------------------------------------- /0820作业/images/椭圆-12-拷贝.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/椭圆-12-拷贝.png -------------------------------------------------------------------------------- /0820作业/images/椭圆-12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/椭圆-12.png -------------------------------------------------------------------------------- /0820作业/images/组-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/组-1.png -------------------------------------------------------------------------------- /0820作业/images/组-15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/组-15.png -------------------------------------------------------------------------------- /0820作业/images/组-18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/组-18.png -------------------------------------------------------------------------------- /0820作业/images/订货.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/订货.png -------------------------------------------------------------------------------- /0820作业/images/订货2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/订货2.png -------------------------------------------------------------------------------- /0820作业/images/账户中心.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/账户中心.png -------------------------------------------------------------------------------- /0820作业/images/购物卡.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/购物卡.png -------------------------------------------------------------------------------- /0820作业/images/购物卡2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/购物卡2.png -------------------------------------------------------------------------------- /0820作业/images/赠送.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangyanhong12/homework/d80a7bae6a5a1f49a199944b6f6aeeedee879b19/0820作业/images/赠送.png -------------------------------------------------------------------------------- /0820作业/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |品名数量金额 29 | 结算价
30 |蛋挞560 33 | 60
34 |全麦面包110.5 37 | 10.5
38 |
41 | 戚风蛋糕120
42 | 0
三明治560 46 | 60
47 |戚风蛋糕
83 |蛋挞
86 |全麦面包
89 |戚风蛋糕
92 |三明治
95 |↑↓
98 |0001
119 |巧克力蛋糕
120 |0001
123 |巧克力蛋糕
124 |0001
127 |巧克力蛋糕
128 |0001
131 |巧克力蛋糕
132 |0001
135 |巧克力蛋糕
136 |