diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/classify.html" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/classify.html" new file mode 100644 index 0000000..6dc37dd --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/classify.html" @@ -0,0 +1,138 @@ + + + + + classify + + + + + + + +
+
+ + 深圳 + + 东门老街 + +

分类

 + shop +
+
+
+ +
+
+
+
+ 农场特有 + 农场一 + +
+
+ +
+ +
+ +
+
+ + + \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/classify2.html" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/classify2.html" new file mode 100644 index 0000000..5588c66 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/classify2.html" @@ -0,0 +1,164 @@ + + + + + classify + + + + + + + + +
+
+ + 深圳 + + 东门老街 + +

分类

 + shop +
+
+
+ +
+
+ +
+ + +
+ +
+
+ 农场特有 + 农场一 + +
+
+ +
+ +
+ +
+
+ + + \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/css/cart.css" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/cart.css" new file mode 100644 index 0000000..b8a241a --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/cart.css" @@ -0,0 +1,205 @@ +* { + padding: 0; + margin: 0; + list-style: none; +} + +a { + text-decoration: none; +} + +.nav { + width: 7.5rem; + background: #eeeeee; +} + +.nav .header { + width: 100%; + height: 0.88rem; + margin-top: 0.38rem; + display: flex; + background: #fff; + justift-content: center; + align-items: center; + justify-content: space-between; +} + +.nav .header .triangle { + background: url(../img/triangle.png) no-repeat; + width: 0.16rem; + height: 0.32rem; + background-size: 0.16rem 0.32rem; + margin-left: 0.2rem; + box-sizing: border-box; + text-indent: -99.99rem; +} + +.nav .header .blank { + text-indent: -99.99rem; +} + +.nav .header h1 { + font-size: 0.36rem; + color: #629f28; +} + +.nav .section { + width: 100%; +} + +.nav .section .farm_shop { + height: 2.42rem; + margin-top: 0.2rem; + background: #fff; + display: flex; + justify-content: space-between; + align-items: center; +} + +.nav .section .farm_shop .round { + width: 0.22rem; + height: 0.22rem; + border: 0.02rem solid #a3a5a2; + border-radius: 50%; + margin-left: 0.2rem; + text-indent: -19.99rem; +} + +.nav .section .farm_shop .shop { + width: 2.99rem; + height: 1.88rem; + margin-left: 0.26rem; +} + +.nav .section .farm_shop .shop img { + width: 2.32rem; + height: 1.8rem; +} + +.nav .section .farm_shop .shop_intr { + width: 4.11rem; + height: 1.88rem; + margin-right: 0.2rem; +} + +.nav .section .farm_shop .shop_intr li { + width: 4.11rem; + display: flex; +} + +.nav .section .farm_shop .shop_intr .color { + height: 0.46rem; + justify-content: space-between; +} + +.nav .section .farm_shop .shop_intr .color .color_pepper { + font-size: 0.28rem; + color: #353533; +} + +.nav .section .farm_shop .shop_intr .color .cost { + font-size: 0.24rem; + color: #5aa026; +} + +.nav .section .farm_shop .shop_intr .farm { + height: 0.62rem; +} + +.nav .section .farm_shop .shop_intr .farm a { + font-size: 0.24rem; + color: #61615f; +} + +.nav .section .farm_shop .shop_intr .farm a .farm_one { + margin-top: 0.2rem; +} + +.nav .section .farm_shop .shop_intr .count { + width: 2.16rem; + height: 0.45rem; + margin-top: 0.36rem; + float: right; + margin-right: 0.2rem; +} + +.nav .section .farm_shop .shop_intr .count a { + width: 0.8rem; + background: #e5e5e5; + color: #5f5f5f; + font-size: 0.2rem; + text-align: center; + line-height: 0.44rem; +} + +.nav .section .farm_shop .shop_intr .count span { + width: 0.56rem; + text-align: center; + line-height: 0.45rem; + font-size: 0.2rem; + color: #2f312e; +} + +.nav .footer { + width: 100%; + height: 0.98rem; + margin-top: 5.88rem; + background: #fff; +} + +.nav .footer .check_out { + height: 0.98rem; + display: flex; + align-items: center; + justify-content: space-between; +} + +.nav .footer .check_out .option { + display: flex; +} + +.nav .footer .check_out .option .round { + width: 0.22rem; + height: 0.22rem; + border: 0.02rem solid #a3a5a2; + border-radius: 50%; + margin-left: 0.2rem; + text-indent: -19.99rem; +} + +.nav .footer .check_out .option span { + margin-left: 0.1rem; + font-size: 0.18rem; + color: #5f5f5f; +} + +.nav .footer .check_out .total { + display: flex; +} + +.nav .footer .check_out .total span { + font-size: 0.28rem; + color: #656565; +} + +.nav .footer .check_out .total a { + margin-left: 0.24rem; + font-size: 0.28rem; + color: #fa8c00; +} + +.nav .footer .check_out .account { + width: 2.85rem; + height: 0.98rem; + background: #60a42b; + display: flex; +} + +.nav .footer .check_out .account a { + width: 2.85rem; + height: 0.98rem; + font-size: 0.34rem; + color: #fff; + line-height: 0.98rem; + padding-left: 0.92rem; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify.css" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify.css" new file mode 100644 index 0000000..4ae128a --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify.css" @@ -0,0 +1,224 @@ +* { + margin: 0; + padding: 0; + list-style: none; +} + +a { + text-decoration: none; +} + +.nav { + width: 7.5rem; + background: #eeeeee; +} + +.nav .header { + width: 100%; + height: 0.9rem; + background: #fff; + display: flex; + justift-content: center; + align-items: center; + justify-content: space-between; +} + +.nav .header .cities { + font-size: 0.26rem; + color: #5fa62c; + margin-left: 0.2rem; +} + +.nav .header .line { + height: 0.24rem; + border: 0.01rem solid #60a42b; + margin-right: 0.08rem; +} + +.nav .header h1 { + font-size: 0.36rem; + color: #629f28; +} + +.nav .header .cart { + width: 0.49rem; + height: 0.35rem; + background: url(../img/shop_cart.png) no-repeat; + background-size: 0.49rem 0.35rem; + margin-right: 0.2rem; + text-indent: -99.99rem; +} + +.nav .section { + background: #eeeeee; + width: 100%; + height: 3.86rem; + border-top: 0.01rem solid #bfbfbf; + box-sizing: border-box; + display: flex; +} + +.nav .section li { + float: left; + margin-left: 0.36rem; + margin-top: 0.24rem; +} + +.nav .section li img { + width: 1.5rem; + height: 1.52rem; +} + +.nav .section .first { + margin-left: 0.2rem; +} + +.nav .section .roof { + margin-top: 0.18rem; +} + +.nav .list_box { + width: 100%; + border: 0.01rem solid #bfbfbf; + box-sizing: border-box; + border-left: none; + border-right: none; + height: 6.66rem; + background: #fff; +} + +.nav .list_box .farm { + height: 0.8rem; + width: 100%; + border: 0.01rem solid #bfbfbf; + box-sizing: border-box; + align-items: center; + justify-content: space-between; + display: flex; +} + +.nav .list_box .farm span { + font-size: 0.28rem; + color: #333331; + margin-left: 0.22rem; +} + +.nav .list_box .farm a { + width: 1.5rem; + height: 0.5rem; + background: #60a42b; + font-size: 0.24rem; + color: #fff; + line-height: 0.5rem; + padding-left: 0.2rem; + float: right; + border-radius: 0.05rem; + margin-right: 0.2rem; +} + +.nav .list_box .select ul { + margin-left: 0.1rem; +} + +.nav .list_box .select ul li { + width: 1.68rem; + height: 1.46rem; + float: left; + margin-top: 0.14rem; + margin-left: 0.1rem; + border: 0.01rem solid #d2d2d2; +} + +.nav .list_box .select ul li img { + width: 1.68rem; + height: 1.46rem; +} + +.nav .list_box .introduce li { + float: left; +} + +.nav .list_box .introduce li img { + width: 2.3rem; + height: 1.78rem; + margin-top: 0.44rem; + margin-left: 0.22rem; + border: 0.01rem solid #eee; +} + +.nav .list_box .introduce li .avocado { + font-size: 0.28rem; + color: #333; + margin-top: 0.5rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce li .greens { + font-size: 0.24rem; + color: #666; + margin-top: 0.12rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce li .cast { + font-size: 0.22rem; + color: #60a42b; + margin-top: 0.22rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce .last { + float: right; +} + +.nav .list_box .introduce .last a .gram { + font-size: 0.24rem; + color: #666; + float: right; + margin-right: 0.2rem; + margin-top: 0.9rem; +} + +.nav .list_box .introduce .last a p { + width: 1.5rem; + height: 0.5rem; + background: #fa932c; + color: #fff; + font-size: 0.22rem; + text-align: center; + line-height: 0.5rem; + border-radius: 0.04rem; + margin-right: 0.2rem; + margin-top: 1.76rem; +} + +.nav .footer { + width: 100%; + height: 1rem; + margin-top: 0.22rem; + background: #fff; +} + +.nav .footer ul { + width: 100%; + height: 1rem; +} + +.nav .footer ul li { + float: left; + margin-top: -0.59rem; + margin-left: 2.14rem; +} + +.nav .footer ul li p { + font-size: 0.2rem; + color: #666666; +} + +.nav .footer ul li .classfiy { + color: #5fa52b; +} + +.nav .footer ul .first { + margin-left: 0.88rem; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify2.css" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify2.css" new file mode 100644 index 0000000..7eafa2d --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/classify2.css" @@ -0,0 +1,293 @@ +* { + margin: 0; + padding: 0; + list-style: none; +} + +a { + text-decoration: none; +} + +.nav { + width: 7.5rem; + background: #eeeeee; +} + +.nav .header { + width: 100%; + height: 0.9rem; + background: #fff; + display: flex; + justift-content: center; + align-items: center; + justify-content: space-between; +} + +.nav .header .cities { + font-size: 0.26rem; + color: #5fa62c; + margin-left: 0.2rem; +} + +.nav .header .line { + height: 0.24rem; + border: 0.01rem solid #60a42b; + margin-right: 0.08rem; +} + +.nav .header h1 { + font-size: 0.36rem; + color: #629f28; +} + +.nav .header .cart { + width: 0.49rem; + height: 0.35rem; + background: url(../img/shop_cart.png) no-repeat; + background-size: 0.49rem 0.35rem; + margin-right: 0.2rem; + text-indent: -99.99rem; +} + +.nav .section { + background: #eeeeee; + width: 100%; + height: 3.86rem; + border-top: 0.01rem solid #bfbfbf; + box-sizing: border-box; + display: flex; +} + +.nav .section li { + float: left; + margin-left: 0.36rem; + margin-top: 0.24rem; +} + +.nav .section li img { + width: 1.5rem; + height: 1.52rem; +} + +.nav .section .first { + margin-left: 0.2rem; +} + +.nav .section .roof { + margin-top: 0.18rem; +} + +.nav .color_pepper { + width: 100%; + height: 2.42rem; + background: #fff; + border: 0.01rem solid #bfbfbf; + border-left: none; + border-right: none; +} + +.nav .color_pepper li { + float: left; +} + +.nav .color_pepper li img { + width: 2.3rem; + height: 1.78rem; + margin-top: 0.44rem; + margin-left: 0.22rem; + border: 0.01rem solid #eee; +} + +.nav .color_pepper li .avocado { + font-size: 0.28rem; + color: #333; + margin-top: 0.5rem; + margin-left: 0.16rem; +} + +.nav .color_pepper li .greens { + font-size: 0.24rem; + color: #666; + margin-top: 0.12rem; + margin-left: 0.16rem; +} + +.nav .color_pepper li .cast { + font-size: 0.22rem; + color: #60a42b; + margin-top: 0.22rem; + margin-left: 0.16rem; +} + +.nav .color_pepper .last { + float: right; +} + +.nav .color_pepper .last a .gram { + font-size: 0.24rem; + color: #666; + float: right; + margin-right: 0.2rem; + margin-top: 0.9rem; +} + +.nav .color_pepper .last a p { + width: 1.5rem; + height: 0.5rem; + background: #fa932c; + color: #fff; + font-size: 0.22rem; + text-align: center; + line-height: 0.5rem; + border-radius: 0.04rem; + margin-right: 0.2rem; + margin-top: 1.76rem; +} + +.nav .list_box { + margin-top: 0.2rem; + width: 100%; + border: 0.01rem solid #e7e7e7; + box-sizing: border-box; + border-left: none; + border-right: none; + height: 6.66rem; + background: #fff; +} + +.nav .list_box .farm { + height: 0.8rem; + width: 100%; + border: 0.01rem solid #bfbfbf; + border-left: none; + box-sizing: border-box; + align-items: center; + justify-content: space-between; + display: flex; +} + +.nav .list_box .farm span { + font-size: 0.28rem; + color: #333331; + margin-left: 0.22rem; +} + +.nav .list_box .farm a { + width: 1.5rem; + height: 0.5rem; + background: #60a42b; + font-size: 0.24rem; + color: #fff; + line-height: 0.5rem; + padding-left: 0.2rem; + float: right; + border-radius: 0.05rem; + margin-right: 0.2rem; +} + +.nav .list_box .select ul { + margin-left: 0.1rem; +} + +.nav .list_box .select ul li { + width: 1.68rem; + height: 1.46rem; + float: left; + margin-top: 0.14rem; + margin-left: 0.1rem; + border: 0.01rem solid #d2d2d2; +} + +.nav .list_box .select ul li img { + width: 1.68rem; + height: 1.46rem; +} + +.nav .list_box .introduce li { + float: left; +} + +.nav .list_box .introduce li img { + width: 2.3rem; + height: 1.78rem; + margin-top: 0.44rem; + margin-left: 0.22rem; + border: 0.01rem solid #eee; +} + +.nav .list_box .introduce li .avocado { + font-size: 0.28rem; + color: #333; + margin-top: 0.5rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce li .greens { + font-size: 0.24rem; + color: #666; + margin-top: 0.12rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce li .cast { + font-size: 0.22rem; + color: #60a42b; + margin-top: 0.22rem; + margin-left: 0.16rem; +} + +.nav .list_box .introduce .last { + float: right; +} + +.nav .list_box .introduce .last a .gram { + font-size: 0.24rem; + color: #666; + float: right; + margin-right: 0.2rem; + margin-top: 0.9rem; +} + +.nav .list_box .introduce .last a p { + width: 1.5rem; + height: 0.5rem; + background: #fa932c; + color: #fff; + font-size: 0.22rem; + text-align: center; + line-height: 0.5rem; + border-radius: 0.04rem; + margin-right: 0.2rem; + margin-top: 1.76rem; +} + +.nav .footer { + width: 100%; + height: 1rem; + margin-top: 0.22rem; + background: #fff; +} + +.nav .footer ul { + width: 100%; + height: 1rem; +} + +.nav .footer ul li { + margin-top: -0.5rem; + float: left; + margin-left: 2.14rem; +} + +.nav .footer ul li p { + font-size: 0.2rem; + color: #666666; +} + +.nav .footer ul li .classfiy { + color: #5fa52b; +} + +.nav .footer ul .first { + margin-left: 0.88rem; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/css/farm.css" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/farm.css" new file mode 100644 index 0000000..c9c1f4a --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/farm.css" @@ -0,0 +1,209 @@ +* { + margin: 0; + padding: 0; + list-style: none; +} + +a { + text-decoration: none; +} + +.nav { + width: 7.5rem; + background: #eeeeee; +} + +.nav .header { + width: 100%; + height: 0.88rem; + background: #fff; + display: flex; + justift-content: center; + align-items: center; + justify-content: space-between; +} + +.nav .header .triangle { + width: 0.16rem; + height: 0.32rem; + background: url(../img/triangle.png) no-repeat; + background-size: 0.16rem 0.32rem; + margin-left: 0.2rem; + text-indent: -99.99rem; +} + +.nav .header h1 { + font-size: 0.36rem; + color: #629f28; +} + +.nav .header .cart { + width: 0.49rem; + height: 0.35rem; + background: url(../img/shop_cart.png) no-repeat; + background-size: 0.49rem 0.35rem; + margin-right: 0.2rem; + text-indent: -99.99rem; +} + +.nav .section { + width: 100%; + height: 4.22rem; + display: flex; + background: #fff; +} + +.nav .section .slider { + width: 100%; + height: 4.22rem; +} + +.nav .section .slider li img { + width: 100%; + height: 2.6rem; +} + +.nav .section .slider .introduce { + width: 6.96rem; + height: 1.62rem; + display: flex; + margin-left: 0.2rem; +} + +.nav .section .slider .introduce a { + text-indent: 2em; + font-size: 0.2rem; + color: #676364; +} + +.nav .option { + width: 100%; + height: 2.94rem; + background: #fff; + margin-top: 0.2rem; +} + +.nav .option .apply { + width: 100%; + height: 0.8rem; + border: 0.01rem solid #e4e6e3; +} + +.nav .option .apply span { + font-size: 0.28rem; + color: #6a9b2e; + margin: 0.24rem 0 0.24rem 0.2rem; + float: left; +} + +.nav .option .apply a { + background: #f5a14b; + color: #fff; + font-size: 0.26rem; + width: 1.6rem; + height: 0.5rem; + float: right; + border-radius: 0.1rem; + line-height: 0.5rem; + text-align: center; + dispaly: block; + margin: 0.16rem 0.2rem 0.14rem 0; +} + +.nav .option .select a { + width: 1.22rem; + height: 0.5rem; + font-size: 0.26rem; + color: #5fa62e; + margin: 0.38rem 0.28rem 0 0.3rem; + float: left; + border-radius: 0.1rem; + line-height: 0.5rem; + text-align: center; + border: 0.02rem solid #5fa62e; +} + +.nav .option .select .roof { + margin-top: 0.32rem; +} + +.nav .option .select .last { + margin-right: 0; +} + +.nav .option a:hover { + background: #60a42b; + color: #fff; +} + +.nav .list { + display: flex; + background: #fff; + margin-top: 0.16rem; +} + +.nav .list ul { + margin-left: 0.1rem; +} + +.nav .list ul li { + width: 3.48rem; + height: 3.54rem; + float: left; + margin-top: 0.28rem; + margin-left: 0.1rem; + border: 0.01rem solid #ccc; +} + +.nav .list ul .first { + margin-top: 0.32rem; +} + +.nav .list ul img { + width: 100%; +} + +.nav .list ul .toma { + font-size: 0.26rem; + color: #343633; + margin-top: 0.06rem; + margin-left: 0.14rem; +} + +.nav .list ul .tomat { + font-size: 0.2rem; + color: #636361; + margin-top: 0.14rem; + margin-left: 0.18rem; +} + +.nav .list ul .cost { + font-size: 0.26rem; + margin-left: 0.14rem; + color: #f6871e; + margin-top: 0.28rem; + float: left; +} + +.nav .list ul .gram { + color: #717370; + margin-left: 0.16rem; + font-size: 0.16rem; + float: left; + margin-top: 0.36rem; +} + +.nav .list ul .car { + width: 1.4rem; + height: 0.42rem; + color: #fff; + background: #60a42b; + font-size: 0.24rem; + display: block; + line-height: 0.42rem; + text-align: center; + border-radius: 0.1rem; + float: left; + margin-top: 0.16rem; + margin-left: 0.28rem; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/css/manage.css" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/manage.css" new file mode 100644 index 0000000..9b18b59 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/css/manage.css" @@ -0,0 +1,176 @@ +* { + margin: 0; + padding: 0; + list-style: none; +} + +a { + text-decoration: none; +} + +.nav { + width: 7.5rem; + background: #eeeeee; +} + +.nav .header { + width: 100%; + height: 1.28rem; + background: #fff; + display: flex; + justift-content: center; + align-items: center; + justify-content: space-between; +} + +.nav .header .triangle { + background: url(../img/triangle.png) no-repeat; + width: 0.16rem; + height: 0.32rem; + background-size: 0.16rem 0.32rem; + margin-left: 0.2rem; + box-sizing: border-box; + text-indent: -99.99rem; +} + +.nav .header .blank { + text-indent: -99.99rem; +} + +.nav .header h1 { + font-size: 0.36rem; + color: #629f28; +} + +.nav .sect { + width: 100%; + height: 2.44rem; + background: #fff; + display: flex; + margin-top: 0.2rem; + flex-direction: column; +} + +.nav .sect .sect_top { + width: 100%; + height: 0.74rem; + display: flex; +} + +.nav .sect .sect_top li { + width: 7.1rem; + height: 0.74rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +.nav .sect .sect_top li .name { + font-size: 0.24rem; + color: #2d2d2d; + margin-left: 0.3rem; + box-sizing: border-box; +} + +.nav .sect .sect_top li .number { + font-size: 0.18rem; + color: #2d2d2d; + margin-right: 0.2rem; + box-sizing: border-box; +} + +.nav .sect p { + width: 100%; + height: 0.74rem; + display: flex; + align-items: center; + border-bottom: 0.01rem solid #eeeeee; + box-sizing: border-box; +} + +.nav .sect p a { + font-size: 0.24rem; + color: #333333; + margin-left: 0.2rem; +} + +.nav .sect .sect_fot { + width: 100%; + height: 0.94rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +.nav .sect .sect_fot .rom { + display: flex; + margin-left: 0.2rem; +} + +.nav .sect .sect_fot .rom a { + font-size: 0.2rem; + color: #333331; +} + +.nav .sect .sect_fot .rom .round { + width: 0.2rem; + height: 0.2rem; + border-radius: 50%; + border: 0.01rem solid #ccc; + box-sizing: border-box; + text-indent: -99.99rem; +} + +.nav .sect .sect_fot span { + font-size: 0.2rem; + color: #333331; +} + +.nav .sect .sect_fot .note { + margin-right: 0.3rem; +} + +.nav .sect .sect_fot .dele { + margin-right: 0.2rem; +} + +.nav .sect .sect_fot .img { + display: flex; +} + +.nav .sect .sect_fot .img .notepad { + width: 0.3rem; + height: 0.3rem; + background: url(../img/notepad.png) no-repeat; + background-size: 0.3rem 0.3rem; + text-indent: -99.99rem; +} + +.nav .sect .sect_fot .img .delete { + width: 0.25rem; + height: 0.27rem; + background: url(../img/delete.png) no-repeat; + background-size: 0.25rem 0.27rem; + text-indent: -99.99rem; +} + +.nav .foot { + width: 100%; + height: 9.44rem; + display: flex; + justify-content: center; +} + +.nav .foot .button { + width: 3.6rem; + height: 0.74rem; + border: 0.02rem solid #bfbfbf; + border-radius: 0.05rem; + background: #dcdcdc; + margin-top: 0.5rem; + box-sizing: border-box; + color: #313131; + line-height: 0.74rem; + font-size: 0.24rem; + text-align: center; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/fine_farm.html" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/fine_farm.html" new file mode 100644 index 0000000..5e2859c --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/fine_farm.html" @@ -0,0 +1,109 @@ + + + + + fine_farm + + + + + + + +
+
+ triangle +

地址管理

 + shop +
+
+
+ +
+
+
+
+ 先吃菜.后月结 + + 立即申请 +
+
+ 推荐 + 推荐 + 推荐 + 推荐 + 推荐 + 推荐 + 推荐 + 推荐 +
+
+ +
+ +
+
+ +
+
+ + + \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/gulpfile.js" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/gulpfile.js" index beb46c3..5cc761f 100644 --- "a/2017-3-9/\346\235\216\350\201\252\346\225\217/gulpfile.js" +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/gulpfile.js" @@ -7,7 +7,7 @@ gulp.task('less', function() { gulp.src('less/*.less') .pipe(less()) .pipe(px2rem({ - remUnit: 40, + remUnit: 100, remPrecision: 6 })) .pipe(rename(function(path) { diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/bean.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/bean.png" new file mode 100644 index 0000000..b185db6 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/bean.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/classify.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/classify.png" new file mode 100644 index 0000000..15c0dfd Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/classify.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/cuke.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/cuke.png" new file mode 100644 index 0000000..99a77be Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/cuke.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/delete.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/delete.png" new file mode 100644 index 0000000..ca75434 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/delete.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/egg.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/egg.png" new file mode 100644 index 0000000..444cd29 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/egg.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/farm.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/farm.png" new file mode 100644 index 0000000..8ba78be Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/farm.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/fruit.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/fruit.png" new file mode 100644 index 0000000..79c02e8 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/fruit.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/green.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/green.png" new file mode 100644 index 0000000..e78a6f7 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/green.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1.png" new file mode 100644 index 0000000..84b0ae4 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1_ng.png" new file mode 100644 index 0000000..e428fad Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img1_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2.png" new file mode 100644 index 0000000..b37e7ca Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2_ng.png" new file mode 100644 index 0000000..4d3ea20 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img2_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3.png" new file mode 100644 index 0000000..7c1a675 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3_ng.png" new file mode 100644 index 0000000..87c0606 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img3_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4.png" new file mode 100644 index 0000000..35801d6 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4_ng.png" new file mode 100644 index 0000000..fe9f0fb Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img4_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5.png" new file mode 100644 index 0000000..2569643 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5_ng.png" new file mode 100644 index 0000000..3bb6609 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img5_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6.png" new file mode 100644 index 0000000..b453456 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6_ng.png" new file mode 100644 index 0000000..af54170 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img6_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7.png" new file mode 100644 index 0000000..42577c1 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7_ng.png" new file mode 100644 index 0000000..62f89c0 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img7_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img8.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img8.png" new file mode 100644 index 0000000..364a1c1 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img8.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng (1).png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng (1).png" new file mode 100644 index 0000000..b18abfa Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng (1).png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng.png" index a060859..03bee73 100644 Binary files "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng.png" and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/img_ng.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/mine.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/mine.png" new file mode 100644 index 0000000..855afd2 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/mine.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/notepad.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/notepad.png" new file mode 100644 index 0000000..aac341e Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/notepad.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/onion.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/onion.png" new file mode 100644 index 0000000..2f13276 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/onion.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pear.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pear.png" new file mode 100644 index 0000000..77ea86b Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pear.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pepper.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pepper.png" new file mode 100644 index 0000000..565a5a5 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/pepper.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/red_pepper.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/red_pepper.png" new file mode 100644 index 0000000..04c0051 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/red_pepper.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/shop_cart.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/shop_cart.png" new file mode 100644 index 0000000..0808625 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/shop_cart.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/tomato.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/tomato.png" new file mode 100644 index 0000000..c28497c Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/tomato.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/triangle.png" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/triangle.png" new file mode 100644 index 0000000..4e0ebec Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/triangle.png" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\206\234\345\234\272\350\257\246\346\203\205\357\274\210\350\224\254\350\217\234\357\274\211.jpg" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\206\234\345\234\272\350\257\246\346\203\205\357\274\210\350\224\254\350\217\234\357\274\211.jpg" new file mode 100644 index 0000000..0545849 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\206\234\345\234\272\350\257\246\346\203\205\357\274\210\350\224\254\350\217\234\357\274\211.jpg" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273.jpg" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273.jpg" new file mode 100644 index 0000000..0be0caa Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273.jpg" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273\357\274\210\347\211\271\346\234\211\357\274\211.jpg" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273\357\274\210\347\211\271\346\234\211\357\274\211.jpg" new file mode 100644 index 0000000..2517949 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\210\206\347\261\273\357\274\210\347\211\271\346\234\211\357\274\211.jpg" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\234\260\345\235\200\347\256\241\347\220\206.jpg" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\234\260\345\235\200\347\256\241\347\220\206.jpg" new file mode 100644 index 0000000..2470017 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\345\234\260\345\235\200\347\256\241\347\220\206.jpg" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\350\264\255\347\211\251\350\275\246.jpg" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\350\264\255\347\211\251\350\275\246.jpg" new file mode 100644 index 0000000..0a5a356 Binary files /dev/null and "b/2017-3-9/\346\235\216\350\201\252\346\225\217/img/\350\264\255\347\211\251\350\275\246.jpg" differ diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/less/cart.less" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/cart.less" new file mode 100644 index 0000000..fe0b197 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/cart.less" @@ -0,0 +1,189 @@ +*{ + padding: 0; + margin: 0; + list-style: none; +} +a{ + text-decoration: none; +} +.nav{ + width: 750px; + background: #eeeeee; + + + .header{ + width: 100%; + height: 88px; + margin-top: 38px; + display: flex; + background: #fff; + justift-content:center; + align-items: center; + justify-content:space-between; + + .triangle{ + background: url(../img/triangle.png) no-repeat; + width: 16px; + height: 32px; + background-size: 16px 32px; + margin-left: 20px; + box-sizing: border-box; + text-indent: -9999px; + } + .blank{ + text-indent: -9999px; + } + h1{ + font-size: 36px; + color: #629f28; + } + } + + .section{ + width:100%; + + .farm_shop{ + height: 242px; + margin-top: 20px; + background: #fff; + display: flex; + justify-content: space-between; + align-items: center; + + .round{ + width:22px; + height: 22px; + border: 2px solid #a3a5a2; + border-radius: 50%; + margin-left: 20px; + text-indent: -1999px; + } + + .shop{ + width: 299px; + height: 188px; + margin-left: 26px; + + img{ + width:232px; + height: 180px; + } + } + + .shop_intr{ + width: 411px; + height: 188px; + margin-right: 20px; + + li{ + width: 411px; + display: flex; + + } + .color{ + height: 46px; + justify-content:space-between; + .color_pepper{ + font-size: 28px; + color: #353533; + } + .cost{ + font-size: 24px; + color: #5aa026; + } + } + .farm{ + height: 62px; + a{ + font-size: 24px; + color: #61615f; + + .farm_one{ + margin-top: 20px; + } + } + } + .count{ + width: 216px; + height: 45px; + margin-top: 36px; + float: right; + margin-right: 20px; + a{ + width: 80px; + background: #e5e5e5; + color: #5f5f5f; + font-size: 20px; + text-align: center; + line-height: 44px; + } + span{ + width: 56px; + text-align: center; + line-height: 45px; + font-size: 20px; + color: #2f312e; + } + } + } + } + } + + .footer{ + width: 100%; + height: 98px; + margin-top: 588px; + background: #fff; + + .check_out{ + height: 98px; + display: flex; + align-items: center; + justify-content: space-between; + .option{ + display: flex; + .round{ + width:22px; + height: 22px; + border: 2px solid #a3a5a2; + border-radius: 50%; + margin-left: 20px; + text-indent: -1999px; + } + span{ + margin-left: 10px; + font-size: 18px; + color: #5f5f5f; + } + } + .total{ + display: flex; + span{ + font-size: 28px; + color: #656565; + } + a{ + margin-left: 24px; + font-size: 28px; + color: #fa8c00; + } + } + .account{ + width: 285px; + height: 98px; + background: #60a42b; + display: flex; + a{ + width: 285px; + height: 98px; + font-size: 34px; + color: #fff; + line-height: 98px; + padding-left: 92px; + } + } + } + + } + +} diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify.less" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify.less" new file mode 100644 index 0000000..bdb8502 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify.less" @@ -0,0 +1,206 @@ +*{ + margin: 0; + padding: 0; + list-style: none; +} +a{ + text-decoration: none; +} +.nav{ + width:750px; + background:#eeeeee; + + .header{ + width:100%; + height:90px; + background:#fff; + display: flex; + justift-content:center; + align-items: center; + justify-content:space-between; + + .cities{ + font-size: 26px; + color: #5fa62c; + margin-left: 20px; + } + .line{ + height: 24px; + border: 1px solid #60a42b; + margin-right: 8px; + } + h1{ + font-size: 36px; + color: #629f28; + } + .cart{ + width: 49px; + height: 35px; + background: url(../img/shop_cart.png) no-repeat; + background-size: 49px 35px; + margin-right: 20px; + text-indent: -9999px; + } + } + .section{ + background: #eeeeee; + width: 100%; + height: 386px; + border-top: 1px solid #bfbfbf; + box-sizing: border-box; + display: flex; + + li{ + float: left; + margin-left: 36px; + margin-top: 24px; + img{ + width: 150px; + height: 152px; + } + } + .first{ + margin-left: 20px; + } + .roof{ + margin-top: 18px; + } + } + .list_box{ + width: 100%; + border: 1px solid #bfbfbf; + box-sizing: border-box; + border-left: none; + border-right: none; + height: 666px; + background: #fff; + + .farm{ + height: 80px; + width: 100%; + border: 1px solid #bfbfbf; + box-sizing: border-box; + align-items: center; + justify-content:space-between; + display: flex; + span{ + font-size: 28px; + color: #333331; + margin-left: 22px; + } + a{ + width: 150px; + height: 50px; + background: #60a42b; + font-size: 24px; + color: #fff; + line-height: 50px; + padding-left:20px; + float: right; + border-radius: 5px; + margin-right: 20px; + } + } + + .select{ + ul{ + margin-left:10px; + li{ + width: 168px; + height: 146px; + float: left; + margin-top: 14px; + margin-left: 10px; + border: 1px solid #d2d2d2; + img{ + width: 168px; + height: 146px; + } + } + } + } + + .introduce{ + li{ + float: left; + img{ + width: 230px; + height: 178px; + margin-top: 44px; + margin-left: 22px; + border: 1px solid #eee; + } + .avocado{ + font-size: 28px; + color: #333; + margin-top: 50px; + margin-left: 16px; + } + .greens{ + font-size: 24px; + color: #666; + margin-top: 12px; + margin-left: 16px; + } + .cast{ + font-size: 22px; + color: #60a42b; + margin-top: 22px; + margin-left: 16px; + } + } + .last{ + float: right; + a{ + .gram{ + font-size: 24px; + color: #666; + float: right; + margin-right: 20px; + margin-top: 90px; + } + + p{ + width: 150px; + height: 50px; + background: #fa932c; + color: #fff; + font-size: 22px; + text-align: center; + line-height: 50px; + border-radius: 4px; + margin-right: 20px; + margin-top: 176px + } + } + } + } + } + + .footer{ + width: 100%; + height: 100px; + margin-top: 22px; + background: #fff; + ul{ + width: 100%; + height: 100px; + li{ + float: left; + margin-top: -59px; + margin-left: 214px; + p{ + font-size: 20px; + color: #666666; + } + .classfiy{ + color: #5fa52b; + } + } + .first{ + margin-left: 88px; + } + } + + } +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify2.less" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify2.less" new file mode 100644 index 0000000..3db268d --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/classify2.less" @@ -0,0 +1,273 @@ +*{ + margin: 0; + padding: 0; + list-style: none; +} +a{ + text-decoration: none; +} +.nav{ + width:750px; + background:#eeeeee; + + .header{ + width:100%; + height:90px; + background:#fff; + display: flex; + justift-content:center; + align-items: center; + justify-content:space-between; + + .cities{ + font-size: 26px; + color: #5fa62c; + margin-left: 20px; + } + .line{ + height: 24px; + border: 1px solid #60a42b; + margin-right: 8px; + } + h1{ + font-size: 36px; + color: #629f28; + } + .cart{ + width: 49px; + height: 35px; + background: url(../img/shop_cart.png) no-repeat; + background-size: 49px 35px; + margin-right: 20px; + text-indent: -9999px; + } + } + .section{ + background: #eeeeee; + width: 100%; + height: 386px; + border-top: 1px solid #bfbfbf; + box-sizing: border-box; + display: flex; + + li{ + float: left; + margin-left: 36px; + margin-top: 24px; + img{ + width: 150px; + height: 152px; + } + } + .first{ + margin-left: 20px; + } + .roof{ + margin-top: 18px; + } + } + + .color_pepper{ + width: 100%; + height: 242px; + background: #fff; + border: 1px solid #bfbfbf; + border-left: none; + border-right: none; + li{ + float: left; + img{ + width: 230px; + height: 178px; + margin-top: 44px; + margin-left: 22px; + border: 1px solid #eee; + } + .avocado{ + font-size: 28px; + color: #333; + margin-top: 50px; + margin-left: 16px; + } + .greens{ + font-size: 24px; + color: #666; + margin-top: 12px; + margin-left: 16px; + } + .cast{ + font-size: 22px; + color: #60a42b; + margin-top: 22px; + margin-left: 16px; + } + } + + .last{ + float: right; + a{ + .gram{ + font-size: 24px; + color: #666; + float: right; + margin-right: 20px; + margin-top: 90px; + } + + p{ + width: 150px; + height: 50px; + background: #fa932c; + color: #fff; + font-size: 22px; + text-align: center; + line-height: 50px; + border-radius: 4px; + margin-right: 20px; + margin-top: 176px + } + } + } + } + + + .list_box{ + margin-top: 20px; + width: 100%; + border: 1px solid #e7e7e7; + box-sizing: border-box; + border-left: none; + border-right: none; + height: 666px; + background: #fff; + + .farm{ + height: 80px; + width: 100%; + border: 1px solid #bfbfbf; + box-sizing: border-box; + border-left: none; + box-sizing: border-box; + align-items: center; + justify-content:space-between; + display: flex; + span{ + font-size: 28px; + color: #333331; + margin-left: 22px; + } + a{ + width: 150px; + height: 50px; + background: #60a42b; + font-size: 24px; + color: #fff; + line-height: 50px; + padding-left:20px; + float: right; + border-radius: 5px; + margin-right: 20px; + } + } + + .select{ + ul{ + margin-left:10px; + li{ + width: 168px; + height: 146px; + float: left; + margin-top: 14px; + margin-left: 10px; + border: 1px solid #d2d2d2; + img{ + width: 168px; + height: 146px; + } + } + } + } + + .introduce{ + li{ + float: left; + img{ + width: 230px; + height: 178px; + margin-top: 44px; + margin-left: 22px; + border: 1px solid #eee; + } + .avocado{ + font-size: 28px; + color: #333; + margin-top: 50px; + margin-left: 16px; + } + .greens{ + font-size: 24px; + color: #666; + margin-top: 12px; + margin-left: 16px; + } + .cast{ + font-size: 22px; + color: #60a42b; + margin-top: 22px; + margin-left: 16px; + } + } + .last{ + float: right; + a{ + .gram{ + font-size: 24px; + color: #666; + float: right; + margin-right: 20px; + margin-top: 90px; + } + + p{ + width: 150px; + height: 50px; + background: #fa932c; + color: #fff; + font-size: 22px; + text-align: center; + line-height: 50px; + border-radius: 4px; + margin-right: 20px; + margin-top: 176px + } + } + } + } + } + + .footer{ + width: 100%; + height: 100px; + margin-top: 22px; + background: #fff; + ul{ + width: 100%; + height: 100px; + li{ + margin-top: -50px; + float: left; + margin-left: 214px; + p{ + font-size: 20px; + color: #666666; + } + .classfiy{ + color: #5fa52b; + } + } + .first{ + margin-left: 88px; + } + } + } +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/less/farm.less" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/farm.less" new file mode 100644 index 0000000..9247ae4 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/farm.less" @@ -0,0 +1,193 @@ +*{ + margin: 0; + padding: 0; + list-style: none; +} +a{ + text-decoration: none; +} +.nav{ + width:750px; + background:#eeeeee; + + .header{ + width:100%; + height:88px; + background:#fff; + display: flex; + justift-content:center; + align-items: center; + justify-content:space-between; + + .triangle{ + width: 16px; + height: 32px; + background: url(../img/triangle.png) no-repeat; + background-size: 16px 32px; + margin-left: 20px; + text-indent: -9999px; + } + h1{ + font-size: 36px; + color: #629f28; + } + .cart{ + width: 49px; + height: 35px; + background: url(../img/shop_cart.png) no-repeat; + background-size: 49px 35px; + margin-right: 20px; + text-indent: -9999px; + } + } + .section{ + width:100%; + height:422px; + display: flex; + background:#fff; + .slider{ + // display: flex; + width:100%; + height:422px; + li{ + img{ + width:100%; + height:260px; + } + } + .introduce{ + width:696px; + height:162px; + display:flex; + margin-left:20px; + a{ + text-indent:2em; + font-size:20px; + color:#676364; + } + } + } + } + .option{ + width:100%; + height: 294px; + background:#fff; + margin-top:20px; + + .apply{ + width:100%; + height: 80px; + border:1px solid #e4e6e3; + span{ + font-size:28px; + color:#6a9b2e; + margin:24px 0 24px 20px; + float:left; + } + a{ + background:#f5a14b; + color:#fff; + font-size:26px; + width:160px; + height:50px; + float:right; + border-radius: 10px; + line-height:50px; + text-align:center; + dispaly:block; + margin:16px 20px 14px 0; + } + } + + .select{ + a{ + width:122px; + height: 50px; + font-size:26px; + color:#5fa62e; + margin:38px 28px 0 30px; + float:left; + border-radius: 10px; + line-height:50px; + text-align:center; + border:2px solid #5fa62e; + } + .roof{ + margin-top:32px; + } + .last{ + margin-right:0; + } + } + a:hover{ + background:#60a42b; + color:#fff; + } + } + + .list{ + display: flex; + background:#fff; + margin-top:16px; + + ul{ + margin-left: 10px; + li{ + width:348px; + height:354px; + float: left; + margin-top:28px; + margin-left: 10px; + border:1px solid #ccc; + } + .first{ + margin-top:32px; + + } + img{ + width:100%; + + } + .toma{ + font-size:26px; + color:#343633; + margin-top:6px; + margin-left:14px; + } + .tomat{ + font-size:20px; + color:#636361; + margin-top:14px; + margin-left:18px; + } + .cost{ + font-size:26px; + margin-left:14px; + color:#f6871e; + margin-top:28px; + float: left; + } + .gram{ + color:#717370; + margin-left:16px; + font-size:16px; + float: left; + margin-top:36px; + } + .car{ + width:140px; + height: 42px; + color:#fff; + background:#60a42b; + font-size:24px; + display: block; + line-height:42px; + text-align:center; + border-radius: 10px; + float: left; + margin-top:16px; + margin-left:28px; + } + } + } +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/less/manage.less" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/manage.less" new file mode 100644 index 0000000..ed0d8d7 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/less/manage.less" @@ -0,0 +1,160 @@ +*{ + margin: 0; + padding: 0; + list-style: none; +} +a{ + text-decoration: none; +} +.nav{ + width: 750px; + background: #eeeeee; + + .header{ + width: 100%; + height: 128px; + background: #fff; + display: flex; + justift-content:center; + align-items: center; + justify-content:space-between; + .triangle{ + background: url(../img/triangle.png) no-repeat; + width: 16px; + height: 32px; + background-size: 16px 32px; + margin-left: 20px; + box-sizing: border-box; + text-indent: -9999px; + } + .blank{ + text-indent: -9999px; + } + h1{ + font-size: 36px; + color: #629f28; + } + } + + .sect{ + width: 100%; + height: 244px; + display: flex; + background: #fff; + display: flex; + margin-top: 20px; + flex-direction: column; + + .sect_top{ + width: 100%; + height: 74px; + display: flex; + + li{ + width: 710px; + height: 74px; + display: flex; + justify-content:space-between; + align-items: center; + + .name{ + font-size: 24px; + color: #2d2d2d; + margin-left: 30px; + box-sizing: border-box; + } + .number{ + font-size: 18px; + color: #2d2d2d; + margin-right: 20px; + box-sizing: border-box; + } + } + } + p{ + width: 100%; + height: 74px; + display: flex; + align-items: center; + border-bottom: 1px solid #eeeeee; + box-sizing: border-box; + a{ + font-size: 24px; + color: #333333; + margin-left: 20px; + } + } + .sect_fot{ + width: 100%; + height: 94px; + display: flex; + justify-content:space-between; + align-items: center; + + .rom{ + display: flex; + margin-left: 20px; + a{ + font-size: 20px; + color: #333331; + } + .round{ + width: 20px; + height: 20px; + border-radius: 50%; + border: 1px solid #ccc; + box-sizing: border-box; + text-indent: -9999px; + } + } + span{ + font-size: 20px; + color: #333331; + } + .note{ + margin-right: 30px + } + .dele{ + margin-right: 20px + } + .img{ + display: flex; + .notepad{ + width: 30px; + height: 30px; + background: url(../img/notepad.png) no-repeat; + background-size: 30px 30px; + text-indent: -9999px; + } + .delete{ + width: 25px; + height: 27px; + background: url(../img/delete.png) no-repeat; + background-size: 25px 27px; + text-indent: -9999px; + } + } + } + } + + .foot{ + width: 100%; + height: 944px; + display: flex; + justify-content:center; + + .button{ + width: 360px; + height: 74px; + border: 2px solid #bfbfbf; + border-radius: 5px; + background: #dcdcdc; + margin-top: 50px; + box-sizing: border-box; + color: #313131; + line-height: 74px; + font-size: 24px; + text-align: center; + } + } +} diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/manage.html" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/manage.html" new file mode 100644 index 0000000..2cbd326 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/manage.html" @@ -0,0 +1,52 @@ + + + + + manage + + + + + + + +
+ +
+ 三角 +

地址管理

 + Blank +
+ + + +
+ +

北京市丰台区花乡科技园诺德中心1期3号楼708室

+ +
+ +
+ + \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\350\201\252\346\225\217/shopping cart.html" "b/2017-3-9/\346\235\216\350\201\252\346\225\217/shopping cart.html" new file mode 100644 index 0000000..c0f4676 --- /dev/null +++ "b/2017-3-9/\346\235\216\350\201\252\346\225\217/shopping cart.html" @@ -0,0 +1,102 @@ + + + + + shopping_cart + + + + + + + +
+ +
+ 三角 +

购物车

 + site +
+ + +
+
+ round +
+ +
+
+ +
+
+
+ round +
+ +
+
+ +
+
+
+ + + +
+ + \ No newline at end of file