diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/baicaijia.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/baicaijia.scssc new file mode 100644 index 0000000..aaefcc7 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/baicaijia.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaolist.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaolist.scssc new file mode 100644 index 0000000..7570787 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaolist.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaosearch.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaosearch.scssc new file mode 100644 index 0000000..6ee5464 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/bijiaosearch.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_all.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_all.scssc new file mode 100644 index 0000000..00a75a3 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_all.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_categroy.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_categroy.scssc new file mode 100644 index 0000000..c815a30 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/brand_categroy.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/common.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/common.scssc new file mode 100644 index 0000000..bb3a69a Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/common.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/coudan.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/coudan.scssc new file mode 100644 index 0000000..375ee41 Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/coudan.scssc differ diff --git a/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/prolist.scssc b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/prolist.scssc new file mode 100644 index 0000000..065a5bc Binary files /dev/null and b/.sass-cache/0ce3f043618767f1340c87ef35a3d21462c142d1/prolist.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaolist.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaolist.scssc new file mode 100644 index 0000000..d866f18 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaolist.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaosearch.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaosearch.scssc new file mode 100644 index 0000000..b192e89 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/bijiaosearch.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_all.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_all.scssc new file mode 100644 index 0000000..63f8634 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_all.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_categroy.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_categroy.scssc new file mode 100644 index 0000000..93204d0 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/brand_categroy.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/common.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/common.scssc new file mode 100644 index 0000000..f06e0b1 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/common.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/coudan.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/coudan.scssc new file mode 100644 index 0000000..30240b3 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/coudan.scssc differ diff --git a/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/prolist.scssc b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/prolist.scssc new file mode 100644 index 0000000..9b0fd07 Binary files /dev/null and b/.sass-cache/2375b52dcd1c6b674bb139740d1aac46786c4fe2/prolist.scssc differ diff --git a/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/brand_all.scssc b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/brand_all.scssc new file mode 100644 index 0000000..4f47e6f Binary files /dev/null and b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/brand_all.scssc differ diff --git a/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/common.scssc b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/common.scssc new file mode 100644 index 0000000..ea7a463 Binary files /dev/null and b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/common.scssc differ diff --git a/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/coudan.scssc b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/coudan.scssc new file mode 100644 index 0000000..3691dfa Binary files /dev/null and b/.sass-cache/6770a863791dc9a04d569e942516d7cbdaa56957/coudan.scssc differ diff --git a/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaolist.scssc b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaolist.scssc new file mode 100644 index 0000000..a9520e5 Binary files /dev/null and b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaolist.scssc differ diff --git a/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaosearch.scssc b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaosearch.scssc new file mode 100644 index 0000000..20567c5 Binary files /dev/null and b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/bijiaosearch.scssc differ diff --git a/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/common.scssc b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/common.scssc new file mode 100644 index 0000000..8a0d846 Binary files /dev/null and b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/common.scssc differ diff --git a/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/gprolist.scssc b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/gprolist.scssc new file mode 100644 index 0000000..a386298 Binary files /dev/null and b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/gprolist.scssc differ diff --git a/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/prolist.scssc b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/prolist.scssc new file mode 100644 index 0000000..816ceda Binary files /dev/null and b/.sass-cache/9c48b41d58fc5087f1feb8420bf29cab928b8643/prolist.scssc differ diff --git a/baicaijia.html b/baicaijia.html new file mode 100644 index 0000000..1ab2ed1 --- /dev/null +++ b/baicaijia.html @@ -0,0 +1,136 @@ + + + + + + + + Document + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + +
+
+ +
+
+ +
+
+
+
+
+
    +
  • + +
    +

    + [包邮]【创彩】纯棉加厚全棉毛巾两条装

    +

    + 券后 + ¥8.9 + ¥19 +

    +
    + + + + 75% + + 已领75117张 +
    +
    +
    + 点此领10元优惠券 +
    +
    + 下单链接 +
    +
    +
    +
    • +
+
+
+
+
+
+
+ + 登录 + 返回顶部 +
+
+
+ 手机APP下载 + 慢慢买手机版--掌上比价平台 +
+ m.manmanbuy.com +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/bijiaoProlist.html b/bijiaoProlist.html new file mode 100644 index 0000000..d8ddd02 --- /dev/null +++ b/bijiaoProlist.html @@ -0,0 +1,121 @@ + + + + + + + Document + + + + + + + + + + + + + + + + +
+
+ + +
+
+
+
+
+ +
+ + +
+
+
    +
  • + +
    + +
    +
    +
    三星(SAMSUNG) UA55MUF30ZJXXZ 55英寸 4K超高清 智能网络液晶电视
    +
    + ¥2288
    +
    +
    4商城报价
    +
    有1471人评论
    +
    +
    +
    • +
  • + +
    + +
    +
    +
    三星(SAMSUNG) UA55MUF30ZJXXZ 55英寸 4K超高清 智能网络液晶电视
    +
    + ¥2288
    +
    +
    4商城报价
    +
    有1471人评论
    +
    +
    +
    • +
+ +
+ +
+ +
+ +
+
+
+
+ +
+ + + + + diff --git a/bijiaoSearch.html b/bijiaoSearch.html new file mode 100644 index 0000000..1fca038 --- /dev/null +++ b/bijiaoSearch.html @@ -0,0 +1,81 @@ + + + + + + + Document + + + + + + + + + + + + + + + + + + +
+
+ + +
+
+
+
+
+ +
+ + +
+
+
+
+ +
+
+
+
+
+ +
+ + + + diff --git a/bijiaolist.html b/bijiaolist.html new file mode 100644 index 0000000..8e0af21 --- /dev/null +++ b/bijiaolist.html @@ -0,0 +1,126 @@ + + + + + + + Document + + + + + + + + + + + + + + + + +
+
+ + + +
+
+ +
+
+ +
+
+ + +
+
+
+ 首页 > + 电视 > + 乐视 +
+
+
+

+ 乐视电视 乐视电视 乐视电视 乐视电视 乐视电视 乐视电视 +

+
+ +
+ +
+

+ 比价购买 + 比价购买产品参数 + 评价 +

+
+

+ + + 京东商城 + + + ￥1999.0 + + +

+

+ 实际价格以网络列出的实际价格为准实际价格以网络列出的实际价格为准 实际价格以网络列出的实际价格为准 +

+ +
+
+
+
网友评价
+
+
+

+ zppp + 2016/1/1 +

+

京东商城

+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, voluptatibus, magnam est earum illum, consequatur quis + quos ex rerum optio voluptas iusto fugit magni quae! Repellat doloribus veritatis nobis ipsum! Animi harum, incidunt + perspiciatis nihil numquam unde impedit suscipit error, libero eveniet inventore quidem itaque, explicabo magni! Tempora + quo ipsam pariatur suscipit ducimus, voluptate aperiam maxime eveniet hic velit voluptatem! +
+ +
+ +
+ +
+
+
+
+ +
+ + + diff --git a/brand_all.html b/brand_all.html new file mode 100644 index 0000000..1ebafe7 --- /dev/null +++ b/brand_all.html @@ -0,0 +1,113 @@ + + + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+
+
+
+ +
    + +
+
+ +
+
+ 首页 + > + 品牌大全 +
+
+
+ 热门品牌排行 +
+ +
+
+
+
+ + 登录 + 返回顶部 +
+
+
手机APP下载慢慢买手机版--掌上比价平台
+ m.manmanbuy.com +
+
+
+ + + + + + \ No newline at end of file diff --git a/brand_categroy.html b/brand_categroy.html new file mode 100644 index 0000000..554800b --- /dev/null +++ b/brand_categroy.html @@ -0,0 +1,247 @@ + + + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +
+
+
+
+ +
    + +
+
+ +
+
+ 首页 + > + 品牌大全 + > + + 液晶电视哪个品牌好 + +
+
+
+ + 液晶电视哪个品牌好 + +
+ +
+
+
+ + 液晶电视产品销量排名 + +
+ +
+
+
+ + 液晶电视最有用的用户评论 + +
+
    + +
+
+
+
+
+ + 登录 + 返回顶部 +
+
+
手机APP下载慢慢买手机版--掌上比价平台
+ m.manmanbuy.com +
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/coudan.html b/coudan.html new file mode 100644 index 0000000..ee73010 --- /dev/null +++ b/coudan.html @@ -0,0 +1,137 @@ + + + + + + + + Document + + + + + + + + + + + + + + + +
+
+ + 凑单品 + +
+ +
+ +
+
+
    +
  • + 京东 +
    • +
  • + 华北 +
    • +
  • + 全部价格 + +
    • +
+
+ +
+
+ +
    + +
+
+ + +
+ + +
+
+ +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/baicaijia.css b/css/baicaijia.css new file mode 100644 index 0000000..7a79f81 --- /dev/null +++ b/css/baicaijia.css @@ -0,0 +1,242 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +.container { + height: 100%; + display: flex; + flex-direction: column; +} +.container .header { + height: 40px; + background: #ff841d; + display: flex; + align-items: center; +} +.container .header a { + width: 40px; + text-align: center; +} +.container .header a img { + width: 70%; +} +.container .header input { + flex: 1; + height: 30px; + font-size: 16px; + border: none; + border-radius: 15px; + margin-bottom: 0; +} +.container .main { + flex: 1; + background: #fff; + display: flex; + flex-direction: column; +} +.container .main .navbox { + height: 38px; + border-bottom: 1px solid #ccc; +} +.container .main .navbox .mui-active { + border-bottom: none; + color: #ff841d; +} +.container .main .scrollcontain { + position: relative; + flex: 1; +} +.container .main .scrollcontain .productlist { + padding: 5px; + background: #eee; +} +.container .main .scrollcontain .productlist .priduct { + width: 100%; + background: #fff; + display: flex; + margin-bottom: 5px; +} +.container .main .scrollcontain .productlist .priduct img { + width: 130px; + height: 130px; +} +.container .main .scrollcontain .productlist .priduct .right { + width: 100%; + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 5px; +} +.container .main .scrollcontain .productlist .priduct .right .productName { + color: #333; +} +.container .main .scrollcontain .productlist .priduct .right .productPrice { + color: #fc353a; + font-size: 18px; +} +.container .main .scrollcontain .productlist .priduct .right .productPrice i { + font-size: 16px; +} +.container .main .scrollcontain .productlist .priduct .right .productPrice em { + font-size: 12px; + margin-right: 3px; +} +.container .main .scrollcontain .productlist .priduct .right .productPrice del { + color: #aaa; + font-size: 14px; +} +.container .main .scrollcontain .productlist .priduct .right .bar i { + display: inline-block; + width: 82px; + height: 14px; + border-radius: 7px; + font-size: 14px; + line-height: 14px; + text-align: center; + background: #ff841d; + color: #fff; +} +.container .main .scrollcontain .productlist .priduct .right .bar b { + color: red; + font-size: 12px; +} +.container .main .scrollcontain .productlist .priduct .right .discountlink { + display: flex; + justify-content: space-between; +} +.container .main .scrollcontain .productlist .priduct .right .discountlink .discount { + width: 110px; + height: 26px; + border: 1px dotted #ff841d; + display: flex; + justify-content: center; + align-items: center; +} +.container .main .scrollcontain .productlist .priduct .right .discountlink .discount a { + color: #ff841d; + font-size: 12px; +} +.container .main .scrollcontain .productlist .priduct .right .discountlink .productHref { + width: 60px; + height: 30px; +} +.container .main .scrollcontain .productlist .priduct .right .discountlink .productHref a { + display: block; + width: 100%; + line-height: 30px; + text-align: center; + background: #ff841d; + color: #fff; + font-size: 12px; +} +.container .footer { + height: 110px; + width: 100%; + background: #fff; + bottom: 0; + padding-top: 10px; +} +.container .footer .logininfo { + height: 34px; + display: flex; +} +.container .footer .logininfo a { + flex: 1; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #e6e6e6; + display: flex; + justify-content: center; + align-items: center; + color: #333; + font-size: 14px; +} +.container .footer .logininfo a:nth-child(n+2) { + border-left: 1px solid #e6e6e6; +} +.container .footer .footerinfo { + height: 64px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-bottom: 1px solid #ccc; + font-size: 12px; +} +.container .footer .footerinfo a { + color: #333; +} +.container .footer .footerinfo .appLogin { + color: #ff841d; + margin-right: 5px; +} + +/*# sourceMappingURL=baicaijia.css.map */ diff --git a/css/baicaijia.css.map b/css/baicaijia.css.map new file mode 100644 index 0000000..0997f4f --- /dev/null +++ b/css/baicaijia.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/common.scss","../sass/baicaijia.scss"], +"names": [], +"file": "baicaijia.css" +} \ No newline at end of file diff --git a/css/bijiaolist.css b/css/bijiaolist.css new file mode 100644 index 0000000..c261e0e --- /dev/null +++ b/css/bijiaolist.css @@ -0,0 +1,185 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +main .nav { + height: 36px; + background-color: #ebebeb; + border-top: solid 1px #ebebeb; + border-bottom: 1px solid #ccc; + line-height: 36px; + padding-left: 8px; + font-size: 14px; +} +main .nav a { + color: #5a5a5a; +} +main .goodinfo .product { + background-color: #fff; + margin: 0 auto; + text-align: center; + padding: 10px 10px 0px 10px; +} +main .goodinfo .product .title { + font-size: 16px; + color: #000; +} +main .goodinfo .product .pic { + padding: 10px 0; +} +main .goodinfo .do { + margin: 0px; + margin-top: 20px; + display: flex; + justify-content: space-around; + align-items: center; + background-color: orange; + border-bottom: 1px solid orangered; + border-top: 1px solid orangered; + height: 34px; +} +main .goodinfo .do a { + flex: 1; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + border-right: 1px solid orangered; + color: #fff; +} +main .goodinfo .do a:last-child { + border-right: none; +} +main .goodinfo .do a.active { + background-color: orangered; +} +main .goodinfo .buyinfo .gobuy { + margin: 10px 0px; + display: flex; + justify-content: space-between; + align-items: center; + height: 34px; + line-height: 34px; +} +main .goodinfo .buyinfo .gobuy a { + color: #000; + font-size: 16px; +} +main .goodinfo .buyinfo .gobuy .logo { + display: inline-block; + width: 10px; + height: 10px; + background: url("../images/icon/1.png") no-repeat center center/15px 15px; +} +main .goodinfo .buyinfo .gobuy .price { + color: red; + font-size: 16px; + line-height: 34px; +} +main .goodinfo .buyinfo .gobuy .buynow { + background-color: orangered; + height: 34px; +} +main .goodinfo .buyinfo .notice { + border-top: 1px solid #5a5a5a; + font-size: 12px; + color: #888; + padding: 8px 10px; + line-height: 18px; +} +main .comment .title { + height: 34px; + line-height: 34px; + background-color: #ccc; + text-align: center; + color: #888; + font-size: 16px; + font-weight: bold; +} +main .comment .top { + padding: 10px; +} +main .comment .top .usermessage { + display: flex; + justify-content: space-between; +} +main .comment .bottom { + padding: 10px; +} +main .comment .bottom .checkmore { + margin: 10px auto; + width: 100%; + display: block; + height: 32px; + background-color: #d4d4d4; +} + +/*# sourceMappingURL=bijiaolist.css.map */ diff --git a/css/bijiaolist.css.map b/css/bijiaolist.css.map new file mode 100644 index 0000000..937fee7 --- /dev/null +++ b/css/bijiaolist.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/common.scss","../sass/bijiaolist.scss"], +"names": [], +"file": "bijiaolist.css" +} \ No newline at end of file diff --git a/css/bijiaosearch.css b/css/bijiaosearch.css new file mode 100644 index 0000000..f902c03 --- /dev/null +++ b/css/bijiaosearch.css @@ -0,0 +1,139 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +main { + background-color: #ebebeb; +} +main .searchbar { + padding: 15px; + position: relative; + background-color: #fff; + border-bottom: 1px solid #e6e6e6; +} +main .searchbar .search { + height: 30px; + position: relative; + padding: 0px; +} +main .searchbar input { + height: 30px; + border-radius: 15px; + margin-bottom: 0px; + display: block; + position: absolute; + top: 0; + left: 0; + outline: 0 none; + border: 0 none; + background-color: #eee; +} +main .searchbar button { + position: absolute; + border-radius: 15px; + top: 0; + right: 0; + height: 30px; + background: #ff841d; + outline: 0 none; + border: 0 none; +} +main .mui-content { + padding: 10px; +} +main .mui-content .mui-card:first-child { + margin: 0px; + padding: 0px; +} +main .mui-content .mui-card { + border: 1px solid #ccc; + border-radius: 5px; +} +main .mui-content .mui-card .mui-collapse { + background-color: #ebebeb; +} +main .mui-content .mui-card .mui-collapse .itemList .list { + display: flex; + flex-wrap: wrap; +} +main .mui-content .mui-card .mui-collapse .itemList .list a { + border-radius: 0px; + width: 33.333%; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + border: 0 none; + background-color: #f9f9f9; + border: 1px solid #ccc; +} + +/*# sourceMappingURL=bijiaosearch.css.map */ diff --git a/css/bijiaosearch.css.map b/css/bijiaosearch.css.map new file mode 100644 index 0000000..61a218c --- /dev/null +++ b/css/bijiaosearch.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": ";AAAA;;;;;;;;;;;;;;;;;;;MAmBO;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;;;AAG1B,IAAK;EACD,IAAI,EAAE,mCAAmC;EACzC,UAAU,EAAE,IAAI;EAChB,wBAAwB,EAAE,IAAI;;;AAGlC,CAAE;EACE,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,OAAQ;EACJ,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,EAAG;EACC,UAAU,EAAE,MAAM;;;AAEtB,CAAC;EACG,UAAU,EAAE,MAAM;;;AAGtB,EAAG;EACC,UAAU,EAAE,IAAI;;;AAGpB,GAAI;EACA,MAAM,EAAE,CAAC;EACT,cAAc,EAAE,MAAM;;;AAG1B,KAAM;EACF,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;;AAGrB,CAAE;EACE,SAAS,EAAE,UAAU;;;AAGzB,UAAS;EACL,MAAM,EAAC,IAAI;;;AClEf,IAAI;EACA,gBAAgB,EAAE,OAAO;;AACzB,eAAU;EAIN,OAAO,EAAE,IAAI;EAEZ,QAAQ,EAAE,QAAQ;EAClB,gBAAgB,EAAE,IAAI;EACtB,aAAa,EAAE,iBAAiB;;AAChC,uBAAO;EACJ,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;;AAIf,qBAAK;EACD,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,OAAO,EAAE,MAAM;EACf,MAAM,EAAE,MAAM;EACd,gBAAgB,EAAE,IAAI;;AAG1B,sBAAM;EACH,QAAQ,EAAE,QAAQ;EAClB,aAAa,EAAE,IAAI;EACnB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,OAAO;EACnB,OAAO,EAAE,MAAM;EACf,MAAM,EAAE,MAAM;;AAGtB,iBAAY;EACR,OAAO,EAAE,IAAI;;AAEb,uCAAqB;EACjB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,GAAG;;AAEhB,2BAAS;EACL,MAAM,EAAE,cAAc;EACtB,aAAa,EAAE,GAAG;;AAClB,yCAAa;EACT,gBAAgB,EAAE,OAAO;;AAEpB,yDAAK;EACJ,OAAO,EAAC,IAAI;EACZ,SAAS,EAAE,IAAI;;AAEb,2DAAC;EACG,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,OAAO;EACd,MAAM,EAAE,IAAI;EACZ,OAAO,EAAC,IAAI;EACZ,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,MAAM;EACd,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,cAAc", +"sources": ["../sass/common.scss","../sass/bijiaosearch.scss"], +"names": [], +"file": "bijiaosearch.css" +} \ No newline at end of file diff --git a/css/brand_all.css b/css/brand_all.css new file mode 100644 index 0000000..6d98a7d --- /dev/null +++ b/css/brand_all.css @@ -0,0 +1,278 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +html, body { + height: 100%; +} + +.container { + height: 100%; +} +.container .header { + height: 50px; + background: #ff841d; + display: flex; + justify-content: space-between; +} +.container .header a { + display: flex; + align-items: center; +} +.container .header a.logo { + padding-left: 12px; +} +.container .header a.download { + justify-content: center; +} +.container .header a img { + width: 70%; +} +.container .main .searchbox { + padding: 10px; + border-bottom: 2px solid #e6e6e6; + display: flex; + justify-content: space-between; + align-items: center; +} +.container .main .searchbox div { + position: relative; + height: 30px; + flex: 1; + border-radius: 15px; + background: #f1f1f1; +} +.container .main .searchbox div .search-text { + height: 100%; + flex: 1; + border-radius: 15px; + border-radius: 15px; + border: none; + background: #f1f1f1; + font-size: 16px; + margin-bottom: 0; +} +.container .main .searchbox div .historywordBox { + position: absolute; + top: 31px; + background: #fff; + width: 100%; + padding: 0; +} +.container .main .searchbox div .historywordBox li { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding-left: 30px; + border-bottom: 1px solid #ccc; +} +.container .main .searchbox div .historywordBox li span { + font-size: 16px; +} +.container .main .searchbox div .historywordBox li span.delete-keyword { + width: 30px; +} +.container .main .searchbox div .historywordBox li span.keywords { + flex: 1; +} +.container .main .searchbox div .historywordBox li.active { + background: #ccc; +} +.container .main .searchbox .search { + width: 64px; + height: 100%; + border-radius: 15px; + background: #ff841d; + color: #fff; + border: none; +} +.container .main .navbar { + padding: 10px; + font-size: 14px; + border-bottom: 1px solid #ccc; +} +.container .main .brandlist .title { + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom: 1px solid #bbb; +} +.container .main .brandlist .title a { + display: block; + height: 100%; + padding-left: 10px; + line-height: 40px; + color: #874604; +} +.container .main .brandlist .brand-title-list li { + padding-left: 10px; + line-height: 40px; + border-bottom: 1px solid #e6e6e6; +} +.container .main .brandlist .brand-title-list li a { + height: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} +.container .footer { + width: 100%; + position: fixed; + background: #fff; + bottom: 0; + padding-top: 10px; +} +.container .footer .logininfo { + height: 34px; + display: flex; +} +.container .footer .logininfo a { + flex: 1; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #e6e6e6; + display: flex; + justify-content: center; + align-items: center; + color: #333; + font-size: 14px; +} +.container .footer .logininfo a:nth-child(n+2) { + border-left: 1px solid #e6e6e6; +} +.container .footer .footerinfo { + height: 64px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-bottom: 1px solid #ccc; + font-size: 12px; +} +.container .footer .footerinfo a { + color: #333; +} +.container .footer .footerinfo .appLogin { + color: #ff841d; + margin-right: 5px; +} + +.banner { + position: fixed; + bottom: 0; + width: 100%; + height: 60px; + display: flex; + justify-content: space-between; + align-items: center; + background: #fff; + padding: 10px; +} +.banner .left { + flex: 1; + display: flex; + align-items: center; +} +.banner .left .close-banner { + height: 20px; + width: 20px; + border-radius: 50%; + color: #fff; + background: #ccc; + line-height: 20px; + text-align: center; +} +.banner .left img { + width: 40px; + height: 40px; + margin: 0 12px; +} +.banner .left div p { + color: #999; +} +.banner .left div p:nth-child(1) { + font-size: 16px; +} +.banner .left div p:nth-child(2) { + font-size: 12px; +} +.banner .opennow { + height: 32px; + width: 74px; + text-align: center; + line-height: 32px; + background: #ff841d; + color: #fff; + box-shadow: 0px -1px 1px 0 red inset; + font-size: 12px; +} + +/*# sourceMappingURL=brand_all.css.map */ diff --git a/css/brand_all.css.map b/css/brand_all.css.map new file mode 100644 index 0000000..3767128 --- /dev/null +++ b/css/brand_all.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/common.scss","../sass/brand_all.scss"], +"names": [], +"file": "brand_all.css" +} \ No newline at end of file diff --git a/css/brand_categroy.css b/css/brand_categroy.css new file mode 100644 index 0000000..148a302 --- /dev/null +++ b/css/brand_categroy.css @@ -0,0 +1,397 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +html, body { + height: 990px; +} + +.container { + height: 100%; +} +.container .header { + height: 50px; + background: #ff841d; + display: flex; + justify-content: space-between; +} +.container .header a { + display: flex; + align-items: center; +} +.container .header a.logo { + padding-left: 12px; +} +.container .header a.download { + justify-content: center; +} +.container .header a img { + width: 70%; +} +.container .main .searchbox { + padding: 10px; + border-bottom: 2px solid #e6e6e6; + display: flex; + justify-content: space-between; + align-items: center; +} +.container .main .searchbox div { + position: relative; + height: 30px; + flex: 1; + border-radius: 15px; + background: #f1f1f1; +} +.container .main .searchbox div .search-text { + height: 100%; + flex: 1; + border-radius: 15px; + border-radius: 15px; + border: none; + background: #f1f1f1; + font-size: 16px; + margin-bottom: 0; +} +.container .main .searchbox div .historywordBox { + position: absolute; + top: 31px; + background: #fff; + width: 100%; + padding: 0; +} +.container .main .searchbox div .historywordBox li { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding-left: 30px; + border-bottom: 1px solid #ccc; +} +.container .main .searchbox div .historywordBox li span { + font-size: 16px; +} +.container .main .searchbox div .historywordBox li span.delete-keyword { + width: 30px; +} +.container .main .searchbox div .historywordBox li span.keywords { + flex: 1; +} +.container .main .searchbox div .historywordBox li.active { + background: #ccc; +} +.container .main .searchbox .search { + width: 64px; + height: 100%; + border-radius: 15px; + background: #ff841d; + color: #fff; + border: none; +} +.container .main .navbar { + padding: 10px; + font-size: 14px; + border-bottom: 1px solid #ccc; +} +.container .main .brand-category-list .title { + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom: 1px solid #bbb; +} +.container .main .brand-category-list .title a { + display: block; + height: 100%; + padding-left: 10px; + line-height: 40px; + color: #874604; +} +.container .main .brand-category-list .brand-title-list li { + padding: 10px; + border-bottom: 1px solid #e6e6e6; +} +.container .main .brand-category-list .brand-title-list li a { + height: 100%; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} +.container .main .brand-category-list .brand-title-list li a .left { + display: flex; +} +.container .main .brand-category-list .brand-title-list li a .left .index { + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + margin-right: 10px; + background: #ccc; + color: #fff; +} +.container .main .brand-category-list .brand-title-list li a .left .index.red { + background: red; +} +.container .main .brand-category-list .brand-title-list li a .left .index.yellow { + background: #ff9314; +} +.container .main .brand-category-list .brand-title-list li a .left .index.green { + background: #8adf5b; +} +.container .main .brand-category-list .brand-title-list li a .left .brandName { + font-size: 18px; + color: #000; +} +.container .main .brand-product-list .title { + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom: 1px solid #bbb; + border-top: 1px solid #bbb; +} +.container .main .brand-product-list .title a { + display: block; + height: 100%; + padding-left: 10px; + line-height: 40px; + color: #874604; + font-weight: 700; + background: #f3f3f3; +} +.container .main .brand-product-list .product-list li { + padding: 10px; + border-bottom: 1px solid #aaa; +} +.container .main .brand-product-list .product-list li a { + width: 100%; + display: flex; + align-items: center; +} +.container .main .brand-product-list .product-list li a img { + margin-right: 10px; + width: 100px; +} +.container .main .brand-product-list .product-list li a .product-info { + display: flex; + flex-direction: column; + justify-content: space-around; +} +.container .main .brand-product-list .product-list li a .product-info .productName { + color: #333; +} +.container .main .brand-product-list .product-list li a .product-info .productPrice { + color: #ff841d; + font-size: 18px; + margin-top: 5px; +} +.container .main .brand-product-list .product-list li a .product-info .desc { + font-size: 12px; +} +.container .main .product-commentlist { + background: #f2f2f2; +} +.container .main .product-commentlist .title { + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom: 1px solid #bbb; +} +.container .main .product-commentlist .title a { + display: block; + height: 100%; + padding-left: 10px; + line-height: 40px; + color: #874604; + font-weight: 700; + background: #f3f3f3; +} +.container .main .product-commentlist li { + border-bottom: 1px solid #ccc; + padding: 10px; +} +.container .main .product-commentlist li a { + display: flex; + margin-bottom: 10px; +} +.container .main .product-commentlist li a img { + margin-right: 10px; +} +.container .main .product-commentlist li .commenttext { + background: #fff; + border: 1px solid #e7e7e7; + position: relative; + padding: 10px; +} +.container .main .product-commentlist li .commenttext .Content { + margin-top: 5px; + color: #333; +} +.container .main .product-commentlist li .commenttext::after { + content: ""; + position: absolute; + left: 30px; + top: -12px; + border-bottom: 6px solid #fff; + border-top: 6px solid transparent; + border-left: 6px solid transparent; + border-right: 6px solid transparent; +} +.container .footer { + width: 100%; + position: fixed; + background: #fff; + bottom: 0; + padding-top: 10px; +} +.container .footer .logininfo { + height: 34px; + display: flex; +} +.container .footer .logininfo a { + flex: 1; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #e6e6e6; + display: flex; + justify-content: center; + align-items: center; + color: #333; + font-size: 14px; +} +.container .footer .logininfo a:nth-child(n+2) { + border-left: 1px solid #e6e6e6; +} +.container .footer .footerinfo { + height: 64px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-bottom: 1px solid #ccc; + font-size: 12px; +} +.container .footer .footerinfo a { + color: #333; +} +.container .footer .footerinfo .appLogin { + color: #ff841d; + margin-right: 5px; +} + +.banner { + position: fixed; + bottom: 0; + width: 100%; + height: 60px; + display: flex; + justify-content: space-between; + align-items: center; + background: #fff; + padding: 10px; +} +.banner .left { + flex: 1; + display: flex; + align-items: center; +} +.banner .left .close-banner { + height: 20px; + width: 20px; + border-radius: 50%; + color: #fff; + background: #ccc; + line-height: 20px; + text-align: center; +} +.banner .left img { + width: 40px; + height: 40px; + margin: 0 12px; +} +.banner .left div p { + color: #999; +} +.banner .left div p:nth-child(1) { + font-size: 16px; +} +.banner .left div p:nth-child(2) { + font-size: 12px; +} +.banner .opennow { + height: 32px; + width: 74px; + text-align: center; + line-height: 32px; + background: #ff841d; + color: #fff; + box-shadow: 0px -1px 1px 0 red inset; + font-size: 12px; +} + +/*# sourceMappingURL=brand_categroy.css.map */ diff --git a/css/brand_categroy.css.map b/css/brand_categroy.css.map new file mode 100644 index 0000000..273e08f --- /dev/null +++ b/css/brand_categroy.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/common.scss","../sass/brand_categroy.scss"], +"names": [], +"file": "brand_categroy.css" +} \ No newline at end of file diff --git a/css/common.css b/css/common.css new file mode 100644 index 0000000..51f0800 --- /dev/null +++ b/css/common.css @@ -0,0 +1,73 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +/*# sourceMappingURL=common.css.map */ diff --git a/css/common.css.map b/css/common.css.map new file mode 100644 index 0000000..0052aa5 --- /dev/null +++ b/css/common.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": ";AAAA;;;;;;;;;;;;;;;;;;;MAmBO;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;;;AAG1B,IAAK;EACD,IAAI,EAAE,mCAAmC;EACzC,UAAU,EAAE,IAAI;EAChB,wBAAwB,EAAE,IAAI;;;AAGlC,CAAE;EACE,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,OAAQ;EACJ,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,EAAG;EACC,UAAU,EAAE,MAAM;;;AAEtB,CAAC;EACG,UAAU,EAAE,MAAM;;;AAGtB,EAAG;EACC,UAAU,EAAE,IAAI;;;AAGpB,GAAI;EACA,MAAM,EAAE,CAAC;EACT,cAAc,EAAE,MAAM;;;AAG1B,KAAM;EACF,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;;AAGrB,CAAE;EACE,SAAS,EAAE,UAAU;;;AAGzB,UAAS;EACL,MAAM,EAAC,IAAI", +"sources": ["../sass/common.scss"], +"names": [], +"file": "common.css" +} \ No newline at end of file diff --git a/css/coudan.css b/css/coudan.css new file mode 100644 index 0000000..f92efb6 --- /dev/null +++ b/css/coudan.css @@ -0,0 +1,263 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +body { + background-color: #f1f1f1; +} + +.container .header { + background-color: #ff841d; + height: 44px; + display: flex; + padding: 15px; + align-items: center; + justify-content: space-between; + color: #fff; + font-size: 20px; +} +.container .header .title { + font-size: 20px; +} +.container .header .share { + height: 35px; + width: 35px; + background: url(../images/icon/header_app.png) 0px 0px/35px 35px; +} +.container .main .screenBar { + height: 43px; + border-bottom: 1px solid #ddd; + background-color: #fff; + position: relative; +} +.container .main .screenBar .change { + width: 100%; + height: 100%; + display: flex; + align-items: center; +} +.container .main .screenBar .change .left { + flex: 1; + display: flex; + justify-content: space-around; + font-size: 16px; +} +.container .main .screenBar .change .left li { + padding: 5px; +} +.container .main .screenBar .change .left li .mui-icon { + font-size: 14px !important; +} +.container .main .screenBar .change .search { + flex-basis: 45px; + height: 100%; + border-left: 1px solid #ddd; + display: flex; + justify-content: center; + align-items: center; + font-size: 22px; + color: #666; +} +.container .main .screenBar .changeList { + width: 100%; + position: absolute; + top: 43px; + background-color: #fff; +} +.container .main .screenBar .changeList li { + padding: 0px 15px; + border-bottom: 1px solid #ddd; + height: 39px; + display: flex; + align-items: center; + justify-content: space-between; +} +.container .main .screenBar .changeList li .fa { + color: orange; + opacity: 0; + font-size: 16px; +} +.container .main .screenBar .changeList li.active .fa { + opacity: 1; +} +.container .main .screenBar .changeList .searchPage { + background-color: #f7f7f7; +} +.container .main .screenBar .changeList .searchPage .searchBar { + display: flex; + padding: 10px 10px; + align-items: center; +} +.container .main .screenBar .changeList .searchPage .searchBar input { + flex: 1; + height: 30px; + margin: 0; + border-radius: 0px; + font-size: 14px; +} +.container .main .screenBar .changeList .searchPage .searchBar span { + height: 30px; + flex-basis: 50px; + display: flex; + align-items: center; + justify-content: center; +} +.container .main .screenBar .changeList .searchPage .sort { + margin-bottom: 10px; +} +.container .main .screenBar .changeList .searchPage .sort p { + padding-left: 10px; + color: #000; + font-size: 14px; + margin-bottom: 10px; +} +.container .main .screenBar .changeList .searchPage .sort .content { + display: flex; +} +.container .main .screenBar .changeList .searchPage .sort .content span { + width: 20%; + margin-left: 10px; + font-size: 12px; + color: #555; + border: 1px solid #ddd; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + padding: 5px 0px; +} +.container .main .screenBar .changeList .searchPage .sort .content span.active { + color: #f1f1f1; + border: 0px solid #000; + background-color: #ff841d; +} +.container .main .screenBar .changeList .searchPage .classList p { + color: #000; + padding: 0px 10px; +} +.container .main .screenBar .changeList .searchPage .classList .content { + font-size: 12px; + padding: 0px 10px 10px 0px; + display: flex; + flex-wrap: wrap; +} +.container .main .screenBar .changeList .searchPage .classList .content a { + padding: 10px 0px 0px 10px; + width: 25%; +} +.container .main .screenBar .changeList .searchPage .classList .content a span { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #ddd; + height: 30px; + border-radius: 3px; +} +.container .main .screenBar .changeList .searchPage .classList .content a span.active { + background-color: #ff841d; + border: none; + color: #f1f1f1; +} +.container .main .products { + display: flex; + flex-wrap: wrap; +} +.container .main .products .product { + width: 50%; + padding: 10px 5px 0px 10px; +} +.container .main .products .product .box { + background: #fff; +} +.container .main .products .product .box img { + width: 100%; +} +.container .main .products .product .box .title { + padding: 0px 3px; + margin-top: 6px; +} +.container .main .products .product .box .other { + padding: 4px 3px; +} +.container .main .products .product .box .other .price { + font-size: 12px; + color: #f8601d; +} +.container .main .products .product .box .other .money { + font-size: 20px; + font-weight: bold; +} +.container .main .products .product:nth-child(even) { + padding: 10px 10px 0px 5px; +} + +/*# sourceMappingURL=coudan.css.map */ diff --git a/css/coudan.css.map b/css/coudan.css.map new file mode 100644 index 0000000..87bf413 --- /dev/null +++ b/css/coudan.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../sass/common.scss","../sass/coudan.scss"], +"names": [], +"file": "coudan.css" +} \ No newline at end of file diff --git a/css/prolist.css b/css/prolist.css new file mode 100644 index 0000000..87e1166 --- /dev/null +++ b/css/prolist.css @@ -0,0 +1,134 @@ +@charset "UTF-8"; +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none; +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal; +} + +i { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: 0; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +p { + word-wrap: break-word; +} + +html, body { + height: 100%; +} + +main .listitem .item { + padding: 10px 8px; + font-size: 12px; + background-color: #FFFFFF; + position: relative; + display: flex; +} +main .listitem .item .pic { + width: 120px; + height: 120px; + margin-right: 10px; + overflow: hidden; +} +main .listitem .item .pic img { + width: 100%; + height: 100%; +} +main .listitem .item .info .tit { + color: #333333; + word-break: break-all; + font-size: 15px; + line-height: 28px; + height: 56px; + overflow: hidden; +} +main .listitem .item .info .price { + color: #ed0000; + font-size: 18px; + margin-top: 6px; +} +main .listitem .item .info .other { + margin-top: 5px; +} +main .listitem .item .info .other .mall { + color: #a1a1a1; + line-height: 21px; +} +main .listitem .item .info .other .sales { + text-align: right; + color: #a1a1a1; + line-height: 21px; +} +main .page { + display: flex; + justify-content: space-around; + align-items: center; + height: 36px; + margin-top: 20px; +} +main .page .fenye { + height: 34px; + width: 40px; + position: relative; +} +main .page .fenye select { + position: absolute; + left: 0; + top: 0; + width: 100%; +} + +/*# sourceMappingURL=prolist.css.map */ diff --git a/css/prolist.css.map b/css/prolist.css.map new file mode 100644 index 0000000..089204a --- /dev/null +++ b/css/prolist.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": ";AAAA;;;;;;;;;;;;;;;;;;;MAmBO;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;;;AAG1B,IAAK;EACD,IAAI,EAAE,mCAAmC;EACzC,UAAU,EAAE,IAAI;EAChB,wBAAwB,EAAE,IAAI;;;AAGlC,CAAE;EACE,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,OAAQ;EACJ,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;;AAGzB,EAAG;EACC,UAAU,EAAE,MAAM;;;AAEtB,CAAC;EACG,UAAU,EAAE,MAAM;;;AAGtB,EAAG;EACC,UAAU,EAAE,IAAI;;;AAGpB,GAAI;EACA,MAAM,EAAE,CAAC;EACT,cAAc,EAAE,MAAM;;;AAG1B,KAAM;EACF,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC;;;AAGrB,CAAE;EACE,SAAS,EAAE,UAAU;;;AAGzB,UAAS;EACL,MAAM,EAAC,IAAI;;;AChER,oBAAK;EACJ,OAAO,EAAE,QAAQ;EACjB,SAAS,EAAE,IAAI;EACf,gBAAgB,EAAE,OAAO;EACzB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;;AAEX,yBAAI;EACF,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,YAAY,EAAE,IAAI;EAClB,QAAQ,EAAE,MAAM;;AACd,6BAAG;EACD,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;;AAIb,+BAAI;EACH,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,SAAS;EACrB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;;AAEjB,iCAAM;EACL,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,GAAG;;AAEhB,iCAAM;EACF,UAAU,EAAE,GAAG;;AACf,uCAAK;EACJ,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,IAAI;;AAElB,wCAAM;EACL,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,IAAI;;AAMlC,UAAK;EACD,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,YAAY;EAC7B,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;;AAChB,iBAAM;EAGL,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,QAAQ;;AAElB,wBAAM;EACF,QAAQ,EAAE,QAAQ;EAEhB,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI", +"sources": ["../sass/common.scss","../sass/prolist.scss"], +"names": [], +"file": "prolist.css" +} \ No newline at end of file diff --git a/expanded b/expanded new file mode 100644 index 0000000..1847a53 --- /dev/null +++ b/expanded @@ -0,0 +1,23 @@ +/* +Errno::ENOENT: No such file or directory @ rb_sysopen - expanded + +Backtrace: +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:454:in `read' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:454:in `update_stylesheet' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:209:in `each' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin/compiler.rb:294:in `watch' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/plugin.rb:109:in `method_missing' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/exec/sass_scss.rb:358:in `watch_or_update' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/exec/sass_scss.rb:51:in `process_result' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/exec/base.rb:50:in `parse' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/lib/sass/exec/base.rb:18:in `parse!' +C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/sass-3.5.7/bin/sass:13:in `' +C:/Ruby25-x64/bin/sass:23:in `load' +C:/Ruby25-x64/bin/sass:23:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Errno::ENOENT: No such file or directory @ rb_sysopen - expanded"; } diff --git a/images/icon/1.png b/images/icon/1.png new file mode 100644 index 0000000..aaec06c Binary files /dev/null and b/images/icon/1.png differ diff --git a/images/icon/CheckCode.aspx b/images/icon/CheckCode.aspx new file mode 100644 index 0000000..71c707f Binary files /dev/null and b/images/icon/CheckCode.aspx differ diff --git a/images/icon/arrow-right.svg b/images/icon/arrow-right.svg new file mode 100644 index 0000000..00995b9 --- /dev/null +++ b/images/icon/arrow-right.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/images/icon/classify.svg b/images/icon/classify.svg new file mode 100644 index 0000000..d2e7c7f --- /dev/null +++ b/images/icon/classify.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/images/icon/gengduo.png b/images/icon/gengduo.png new file mode 100644 index 0000000..01935f5 Binary files /dev/null and b/images/icon/gengduo.png differ diff --git a/images/icon/haitao.png b/images/icon/haitao.png new file mode 100644 index 0000000..78683d6 Binary files /dev/null and b/images/icon/haitao.png differ diff --git a/images/icon/header_app.png b/images/icon/header_app.png new file mode 100644 index 0000000..9c6e128 Binary files /dev/null and b/images/icon/header_app.png differ diff --git a/images/icon/header_logo.png b/images/icon/header_logo.png new file mode 100644 index 0000000..b21759d Binary files /dev/null and b/images/icon/header_logo.png differ diff --git a/images/icon/home.png b/images/icon/home.png new file mode 100644 index 0000000..20d6e47 Binary files /dev/null and b/images/icon/home.png differ diff --git a/images/icon/ic_bcj.png b/images/icon/ic_bcj.png new file mode 100644 index 0000000..091759b Binary files /dev/null and b/images/icon/ic_bcj.png differ diff --git a/images/icon/ic_coudanpin.png b/images/icon/ic_coudanpin.png new file mode 100644 index 0000000..29c50d7 Binary files /dev/null and b/images/icon/ic_coudanpin.png differ diff --git a/images/icon/ic_cu.png b/images/icon/ic_cu.png new file mode 100644 index 0000000..fae68db Binary files /dev/null and b/images/icon/ic_cu.png differ diff --git a/images/icon/ic_kb.png b/images/icon/ic_kb.png new file mode 100644 index 0000000..6ecf945 Binary files /dev/null and b/images/icon/ic_kb.png differ diff --git a/images/icon/ic_mall.png b/images/icon/ic_mall.png new file mode 100644 index 0000000..0611ebd Binary files /dev/null and b/images/icon/ic_mall.png differ diff --git a/images/icon/ic_pp.png b/images/icon/ic_pp.png new file mode 100644 index 0000000..f54886d Binary files /dev/null and b/images/icon/ic_pp.png differ diff --git a/images/icon/ic_search.png b/images/icon/ic_search.png new file mode 100644 index 0000000..f0631b6 Binary files /dev/null and b/images/icon/ic_search.png differ diff --git a/images/icon/ic_temai.png b/images/icon/ic_temai.png new file mode 100644 index 0000000..3754577 Binary files /dev/null and b/images/icon/ic_temai.png differ diff --git a/images/icon/ic_trend.png b/images/icon/ic_trend.png new file mode 100644 index 0000000..3db37b1 Binary files /dev/null and b/images/icon/ic_trend.png differ diff --git a/images/icon/icon_bar.png b/images/icon/icon_bar.png new file mode 100644 index 0000000..fb64276 Binary files /dev/null and b/images/icon/icon_bar.png differ diff --git a/images/icon/man.jpg b/images/icon/man.jpg new file mode 100644 index 0000000..5990c23 Binary files /dev/null and b/images/icon/man.jpg differ diff --git a/images/icon/mmbuy.ico b/images/icon/mmbuy.ico new file mode 100644 index 0000000..a4a5987 Binary files /dev/null and b/images/icon/mmbuy.ico differ diff --git a/images/icon/more.png b/images/icon/more.png new file mode 100644 index 0000000..af26f52 Binary files /dev/null and b/images/icon/more.png differ diff --git a/images/icon/next.png b/images/icon/next.png new file mode 100644 index 0000000..931aee5 Binary files /dev/null and b/images/icon/next.png differ diff --git a/images/icon/previous.png b/images/icon/previous.png new file mode 100644 index 0000000..806ae8d Binary files /dev/null and b/images/icon/previous.png differ diff --git a/images/icon/sc.jpg b/images/icon/sc.jpg new file mode 100644 index 0000000..bc6c4dc Binary files /dev/null and b/images/icon/sc.jpg differ diff --git a/images/icon/snext.png b/images/icon/snext.png new file mode 100644 index 0000000..95ffba3 Binary files /dev/null and b/images/icon/snext.png differ diff --git a/images/icon/sprevious.png b/images/icon/sprevious.png new file mode 100644 index 0000000..31e64c9 Binary files /dev/null and b/images/icon/sprevious.png differ diff --git a/images/icon/star.png b/images/icon/star.png new file mode 100644 index 0000000..7ebb8d4 Binary files /dev/null and b/images/icon/star.png differ diff --git a/images/icon/star.svg b/images/icon/star.svg new file mode 100644 index 0000000..83d4372 --- /dev/null +++ b/images/icon/star.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/images/icon/top.jpg b/images/icon/top.jpg new file mode 100644 index 0000000..53810fe Binary files /dev/null and b/images/icon/top.jpg differ diff --git a/images/icon/top.png b/images/icon/top.png new file mode 100644 index 0000000..ed77f16 Binary files /dev/null and b/images/icon/top.png differ diff --git "a/images/icon/\345\210\206\347\261\273.svg" "b/images/icon/\345\210\206\347\261\273.svg" new file mode 100644 index 0000000..d2e7c7f --- /dev/null +++ "b/images/icon/\345\210\206\347\261\273.svg" @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/images/img/0000000000-000000000123129054_1_200x200.jpg b/images/img/0000000000-000000000123129054_1_200x200.jpg new file mode 100644 index 0000000..8dc43fa Binary files /dev/null and b/images/img/0000000000-000000000123129054_1_200x200.jpg differ diff --git a/images/img/2016040016521576785.jpg b/images/img/2016040016521576785.jpg new file mode 100644 index 0000000..536e7b3 Binary files /dev/null and b/images/img/2016040016521576785.jpg differ diff --git a/images/img/55d2cf3eNc2d117d0.jpg b/images/img/55d2cf3eNc2d117d0.jpg new file mode 100644 index 0000000..fbb8c0d Binary files /dev/null and b/images/img/55d2cf3eNc2d117d0.jpg differ diff --git a/images/img/banner01.jpg b/images/img/banner01.jpg new file mode 100644 index 0000000..26f3cb5 Binary files /dev/null and b/images/img/banner01.jpg differ diff --git a/images/img/banner02.jpg b/images/img/banner02.jpg new file mode 100644 index 0000000..9aa6968 Binary files /dev/null and b/images/img/banner02.jpg differ diff --git a/images/img/banner03.jpg b/images/img/banner03.jpg new file mode 100644 index 0000000..ffe7278 Binary files /dev/null and b/images/img/banner03.jpg differ diff --git a/images/img/banner04.jpg b/images/img/banner04.jpg new file mode 100644 index 0000000..181a2be Binary files /dev/null and b/images/img/banner04.jpg differ diff --git a/images/img/banner05.jpg b/images/img/banner05.jpg new file mode 100644 index 0000000..d517680 Binary files /dev/null and b/images/img/banner05.jpg differ diff --git a/images/img/j_sources_img_2016_10_22_190_190_0_575ab3bffff305c81740cbd6ce7aceb4.jpg b/images/img/j_sources_img_2016_10_22_190_190_0_575ab3bffff305c81740cbd6ce7aceb4.jpg new file mode 100644 index 0000000..775a2ff Binary files /dev/null and b/images/img/j_sources_img_2016_10_22_190_190_0_575ab3bffff305c81740cbd6ce7aceb4.jpg differ diff --git a/images/img/j_sources_img_2016_10_24_190_190_0_36618798b6e1a98d9f4ae8f7a195f41b.jpg b/images/img/j_sources_img_2016_10_24_190_190_0_36618798b6e1a98d9f4ae8f7a195f41b.jpg new file mode 100644 index 0000000..5f3366b Binary files /dev/null and b/images/img/j_sources_img_2016_10_24_190_190_0_36618798b6e1a98d9f4ae8f7a195f41b.jpg differ diff --git a/images/img/mmbweixin2.png b/images/img/mmbweixin2.png new file mode 100644 index 0000000..7b33f02 Binary files /dev/null and b/images/img/mmbweixin2.png differ diff --git a/images/img/sqkb_sources_static_img_news_2016_01bbdeaab8c24230957c3ce7015f51f57ada7c33.jpg b/images/img/sqkb_sources_static_img_news_2016_01bbdeaab8c24230957c3ce7015f51f57ada7c33.jpg new file mode 100644 index 0000000..99f4f84 Binary files /dev/null and b/images/img/sqkb_sources_static_img_news_2016_01bbdeaab8c24230957c3ce7015f51f57ada7c33.jpg differ diff --git "a/images/img/\344\272\247\345\223\201\350\257\204\350\256\272.jpg" "b/images/img/\344\272\247\345\223\201\350\257\204\350\256\272.jpg" new file mode 100644 index 0000000..e9f2576 Binary files /dev/null and "b/images/img/\344\272\247\345\223\201\350\257\204\350\256\272.jpg" differ diff --git a/js/baicaijia.js b/js/baicaijia.js new file mode 100644 index 0000000..3a6a0b3 --- /dev/null +++ b/js/baicaijia.js @@ -0,0 +1,36 @@ +$(function(){ + + //进行ajax申请,获取标题栏数据 + $.ajax({ + url:"http://mmb.ittun.com/api/getbaicaijiatitle", + type:"get", + success:function(res){ + // 获取标题数据,并渲染数据到页面中 + var htmlStr=template("baicaijaiTitle",res); + $(".navlist").html(htmlStr); + } + }); + + + // 获取数据 + function renderDate(titleId){ + $.ajax({ + url:"http://mmb.ittun.com/api/getbaicaijiaproduct", + type:"get", + data:{titleid:titleId}, + dataType:"json", + success:function(res){ + var htmlStr=template("productlist",{list:res.result}); + $(".productlist").html(htmlStr); + } + }) + } + renderDate(0); + + // 点击tab栏数据,切换列表数据 + $(".navlist").on("tap","a",function(){ + var titleid=$(this).data("titleid"); + renderDate(titleid); + }) + mui('.mui-scroll-wrapper').scroll(); +}) \ No newline at end of file diff --git a/brand-all.html b/js/bijiaolist.js similarity index 100% rename from brand-all.html rename to js/bijiaolist.js diff --git a/js/bijiaosearch.js b/js/bijiaosearch.js new file mode 100644 index 0000000..b159a75 --- /dev/null +++ b/js/bijiaosearch.js @@ -0,0 +1,62 @@ +$(function(){ + var data={}; + // console.log(data); + + $.ajax({ + url:"http://mmb.ittun.com/api/getcategorytitle", + type:"get", + dataType:"json", + success:function(res){ + console.log(res); + + var html=template("categorytitle",res); + $(".mui-card").html(html); + } + }); + + +// 二级分类函数 + // category(0); + //点击 主标题的时候 显示数据 + // $(".mui-card").on("click",".mui-collapse",function(){ + // var titleid= $(this).data("titleid"); + + // alert(titleid); + + // }); + $("atitle").click(function(){ + var titleid= $(this).data("titleid"); + + alert(titleid); + }); + + + + }); + + +// _id +// : +// "5806e6ea48985cb016b082e8" +// category +// : +// "电视" +// categoryId +// : +// 0 +// titleId +// : +// 0 + +// $.ajax({ +// url:"http://mmb.ittun.com/api/getcategory", +// type:"get", +// dataType:"json", +// data:{titleid:titleid}, +// success:function(param){ +// // var html=template("categorytitle",data); +// // $(".mui-card").html(html); +// data.param=param; +// // console.log(data.param); +// } +// }) \ No newline at end of file diff --git a/js/brand_all.js b/js/brand_all.js new file mode 100644 index 0000000..ed901bb --- /dev/null +++ b/js/brand_all.js @@ -0,0 +1,16 @@ +$(function(){ + //品牌大全数据获取 + function renderBrand(){ + $.ajax({ + url:"http://mmb.ittun.com/api/getbrandtitle", + type:"get", + dataType:"json", + success:function(res){ + console.log(res); + var htmlStr=template("brand-title-list",{list:res.result}); + $(".brand-title-list").html(htmlStr); + } + }) + } + renderBrand(); +}) \ No newline at end of file diff --git a/js/brand_categroy.js b/js/brand_categroy.js new file mode 100644 index 0000000..77aad53 --- /dev/null +++ b/js/brand_categroy.js @@ -0,0 +1,79 @@ +$(function(){ + //获取网址传递过来的数据,修改标题 + var urlStr=location.href; + var brandTitleId=urlTool(urlStr).brandTitlId; + var brandTitle =getParams("brandTitle"); + // 若传参数过来,利用模板渲染数据 + if(brandTitle && brandTitle.length != 0 ){ + var index=brandTitle.indexOf("十大品牌"); + brandTitle=brandTitle.substring(0,index); + $(".brandTitle").html(brandTitle); + } + //获取分类的十大品牌数据 + function renderCategory(){ + $.ajax({ + url:"http://mmb.ittun.com/api/getbrand", + type:"get", + data:{brandtitleid:brandTitleId}, + dataType:"json", + success:function(res){ + // console.log(res.result); + var htmlStr=template("brand-category-list",{list:res.result}); + $(".brand-title-list").html(htmlStr); + } + }) + } + renderCategory(); + + /** + * 获取十大品牌的销量排行商品列表的函数,id + * @param {*} id 品牌标题id + * @param {*} size 展示的数据量 默认为4个 (Number) + */ + function renderProduct(id,size){ + $.ajax({ + url:"http://mmb.ittun.com/api/getbrandproductlist", + type:"get", + data:{brandtitleid:id,pagesize:size }, + dataType:"json", + success:function(res){ + //利用模板,将排名的数据渲染到页面中 + var htmlStr=template("brand-product-list",{list:res.result}); + $(".brand-product-list .product-list").html(htmlStr); + + // 排行靠前的产品的名单 + var productId_arr=[]; + res.result.forEach(function(v,index){ + // console.log(v.productId+"="+index); + productId_arr.push(v.productId); + }) + + // 根据排名靠前的产品名单,获得评论数据,然后渲染到页面中 + productId_arr.forEach(function(id,index){ + console.log(id); + renderComment(id); + }) + } + + }) + } + renderProduct(brandTitleId,5); + + // 获取商品评论的函数,形参为productId,产品id; + function renderComment(id){ + $.ajax({ + url:"http://mmb.ittun.com/api/getproductcom", + type:"get", + data:{productid:id}, + dataType:"json", + success:function(res){ + var htmlStr = template("product-commentlist",{list:res.result}); + $(".product-commentlist .commentlist").append(htmlStr); + } + }) + } + + // renderComment(1); + + +}) \ No newline at end of file diff --git a/js/common.js b/js/common.js index e69de29..f367c0e 100644 --- a/js/common.js +++ b/js/common.js @@ -0,0 +1,198 @@ +// 自适应不同屏幕尺寸 +//本项目为2倍图 +$("html")[0].style.fontSize = window.screen.width / 10 + "px"; +if (window.screen.width >= 320) { + $("html")[0].style.fontSize = "32px"; +} + + +//获取某个数组的index +Array.prototype.indexOf = function (val) { + for (var i = 0; i < this.length; i++) { + if (this[i] == val) { + return i; + } + } + return -1; +} + +//删除某个数组元素 +Array.prototype.remove = function (val) { + var index = this.indexOf(val); + if (index > -1) { + this.splice(index, 1); + } +} + +//去重 +Array.prototype.norepeat = function () { + var arr = this, + result = [], + i, + j, + len = arr.length; + for (i = 0; i < len; i++) { + for (j = i + 1; j < len; j++) { + if (arr[i] === arr[j]) { + j = ++i; + } + } + result.push(arr[i]); + } + return result; +} + +//url的关键字提取函数 +function urlTool(urlStr) { + //1. 把url以？分割 + var arr = urlStr.split("?").pop().split("&"); + // console.log(arr); //["proName=1", "page=1"] + var query = {}; + arr.forEach(function (v) { + var param = v.split("="); + query[param[0]] = param[1]; + }); + + return query; +} +// +/** + * url?key=value + * 将url中出现的中文重新编码,使得可以在跨页面传递中文数据时不会论码 + * @param key //浏览器地址上的key值 + * 使用 http://www.163.com?name="小明", 跨页面传递时会轮码,在js中 getParams("name")就可获得"小明" + */ +function getParams(key) { + var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); + //如果地址栏中出现中文则进行编码 + var r = encodeURI(window.location.search).substr(1).match(reg); + if (r != null) { + //将中文编码的字符重新变成中文 + return decodeURI(unescape(r[2])); + } + return null; +}; + + +//搜索功能保存读取搜索记录 +//获取本地存储的数据 +function getKeysArr() { + var arr = []; + var keysStr = localStorage.getItem("searchKeywords"); + if (keysStr) { + arr = JSON.parse(keysStr); + } + + return arr; +} +//浏览器本地保存数据 +function saveHistory(arr) { + localStorage.setItem("searchKeywords", JSON.stringify(arr)); +} + +//检查用户是否登录 +function checkLogin(res) { + if (res.error == 400) { + sessionStorage.setItem("lasturl", location.href); + //没登录， 就跳到登录页 + window.location.href = "./login.html"; + return false; + } else { + return true; + } +} +//返回上一页 +function back() { + window.history.back(); +} + +$(function () { + //让区域滚动生效 + mui('.mui-scroll-wrapper').scroll(); + + //让图片轮播生效 + mui('.mui-slider').slider({ + interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0； + }); + + + function searchfunction() { + //搜索文本框事件,值变化事件 + $(".search-text")[0].oninput = function () { + $(".historywordBox").show(); + var arr = getKeysArr(); + var keyword = $(".searchbox .search-text").val().trim(); + if (keyword.length == 0) { + $(".historywordBox").hide(); + return; + }; + //遍历arr,看是是否包含关键字,若有,就显示出来 + var newArr = []; + arr.forEach(function (v, index) { + if (v.indexOf(keyword) != -1) { + newArr.push(v); + } + }); + //渲染数据 + renderHistory(newArr); + }; + + // 渲染搜索历史数据 + function renderHistory(arr) { + var htmlStr = template("historyWords", { + list: arr + }); + $(".historywordBox").html(htmlStr); + } + + // 点击搜索查询数据 + $(".searchbox .search").click(function () { + var arr = getKeysArr(); + var keyword = $(".searchbox .search-text").val().trim(); + if (keyword.length == 0) return; + arr.unshift(keyword); + // 进行数据去重处理 + var newArr = arr.norepeat(); + // 将数据存储到浏览器中 + saveHistory(newArr); + //由于没有搜索功能,不进行跳转 + // mui-toast("由于没有搜索功能,不进行跳转"); + $(".searchbox .search-text").val(""); + $(".historywordBox").hide(); + }); + + //点击删除,删除某条搜索记录 + $(".historywordBox").on("click", ".delete-keyword", function () { + // $(".historywordBox").show(); + var arr = getKeysArr(); + var index = $(this).data("index"); + // 去除该数据 + arr.splice(index, 1); + // 存储新的数组 + saveHistory(arr) + //调用文本框值变化事件,动态渲染数据 + $(".search-text")[0].oninput(); + + }) + + //页面滚动事件,隐藏历史搜索框 + window.onscroll = function () { + var scroTop = $(this).scrollTop(); + if (scroTop > 100) { + $(".historywordBox").hide(); + } + } + + //点击历史搜索数据,将值添加到文本框中 + $(".historywordBox").on("tap", ".keywords", function () { + var word = $(this).text(); + $(".searchbox .search-text").val(word); + $(".historywordBox").hide(); + }) + } + //关闭底部广告栏 + $(".banner .close-banner").click(function () { + // alert("a"); + $(".banner").remove(); + }); +}); diff --git a/js/coudan.js b/js/coudan.js new file mode 100644 index 0000000..64188f3 --- /dev/null +++ b/js/coudan.js @@ -0,0 +1,163 @@ +$(function(){ + var arr=['全部价格','1-3元','3-5元','5-10元','10-15元','15元以上']; + //flag作为第一次进入页面标志 + var flag=true; + // 加载数据 + $('.left li.allPrice').children(".text").text(arr[0]); + renderChange("shop"); + renderChange("addr"); + + // 加载产品的全局变量参数 + var shopId=0; + var areaId=0; + + // 渲染价格 + function templatePrice(){ + var res={}; + res.result=arr; + var html=template("tplchangeList",res); + $('.changeList').html(html); + } + var linkone='';//点击的分类 + $(".left li").click(function(){ + // 点击了排序就把搜索按钮还原为搜索样子 + $('.search').find('.fa').addClass('fa-search').removeClass('fa-close'); + + if($(this).find('.mui-icon').hasClass('mui-icon-arrowdown')){ + $(this).find('.mui-icon').addClass('mui-icon-arrowup').removeClass('mui-icon-arrowdown').parent().siblings('li').find('.mui-icon').removeClass('mui-icon-arrowup').addClass('mui-icon-arrowdown'); + linkone=$(this).data('link');//点击的是那个类型 + }else{ + $(this).find('.mui-icon').addClass('mui-icon-arrowdown').removeClass('mui-icon-arrowdoup'); + } + + // 这样判断后只会有一个是向上的(或者全部不是),然后判断有没有向上,如果有就显示列表 + // 并 渲染数据出来 + if($(this).find('.mui-icon').hasClass('mui-icon-arrowdown')){ + //如果向上就不做操作数据让列表隐藏 + $(".changeList").hide(); + }else{ + //有就显示列表 + $(".changeList").show(); + + renderChange(linkone);//加载列表数据 + + } + }); + + // 渲染数据的函数（需要判断是渲染那个列表的数据） + function renderChange(type){ + //请求数据(需要判断是哪一个) + var url=''; + switch(type){ + case 'shop': + url='http://mmb.ittun.com/api/getgsshop'; + break; + case 'addr': + url='http://mmb.ittun.com/api/getgsshoparea'; + break; + default: + templatePrice();//当点击的是价格的时候渲染 + return; + } + $.ajax({ + url:url, + type:'GET', + success:function(res){ + var html=template("tplchangeList",res); + $('.changeList').html(html);//请求筛选列表的渲染 + console.log(flag); + // 首次加载页面 + if(flag){ + if(type=='shop'){ + var text=res.result[0].shopName; + text=changeListWord(text); + $('.left li.'+type).children(".text").text(text); + flag=false;//修改为false表示不是第一次进入 + }else if(type=='addr'){ + var text=res.result[0].areaName; + text=changeListWord(text); + $('.left li.'+type).children(".text").text(text); + flag=false;//修改为false表示不是第一次进入 + } + } + + } + }) + } + + // 点击搜索按钮 + $(".search").click(function(){ + if($(this).find('.fa').hasClass("fa-search")){ + //如果是搜索按钮(换位关闭按钮并显示搜索页面) + $(this).find('.fa').addClass("fa-close").removeClass("fa-search"); + //渲染搜索框内容 + var html=template("tplsearchPage",{});//点击搜索按钮渲染 + $(".changeList").show(); + $(".changeList").html(html); + }else{ + // 如果是关闭按钮(就更换为搜索并关闭搜索页面) + $(this).find('.fa').addClass("fa-search").removeClass("fa-close"); + $(".changeList").hide(); + // 隐藏搜索按钮的时候把排序的所有图标改为向下的 + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + } + }) + + + // 点击列表外面的区域让列表消失 + $(".products").click(function(){ + $('.changeList').hide(); + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + }) + $(".header").click(function(){ + $('.changeList').hide(); + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + }) + + // 获得数据(我们把点击的数据显示在上面),判断type是什么类型的放到对应的 + $('.changeList').on('click','li',function(){ + //拿到下面span中文字放到上面中//并且要给它添加选中 + $(this).addClass("active").siblings().removeClass("active");//选中打钩 + var text=$(this).find('.text').text();//点击的选中文字 + text=changeListWord(text);//只要括号左边的 + $('.left li.'+linkone).children(".text").text(text); + $(".products").click();//调用点击products让他列表消失 + + //点击获得id请求数据渲染（需要判断） + var type=$(this).data('type'); + if(type=='shop'){ + shopId=$(this).data('id'); + }else if(type=='area'){ + areaId=$(this).data('id'); + }else{ + //是价格就不管 + } + + renderProducts(shopId,areaId);//请求产品数据 + }) + + // 筛选列表文字的处理 + function changeListWord(str){ + return str.split("（")[0]; + } + + // 渲染产品的列表(sid:店铺id aid：区域的id) + renderProducts(shopId,areaId); + function renderProducts(sid,aid){ + $.ajax({ + url:'http://mmb.ittun.com/api/getgsproduct', + type:'GET', + data:{shopid:sid,areaid:aid}, + success:function(res){ + var html=template('tplProducts',res); + $('.products').html(html); + } + }) + } + + + $('.changeList').hide(); + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + + +}) \ No newline at end of file diff --git a/js/coudan1.js b/js/coudan1.js new file mode 100644 index 0000000..cf36066 --- /dev/null +++ b/js/coudan1.js @@ -0,0 +1,122 @@ +// 这个是功能正常的，不要删除我要做测试用 + +$(function(){ + var arr=['全部价格','1-3元','3-5元','5-10元','10-15元','15元以上']; + function templatePrice(){ + var res={}; + res.result=arr; + var html=template("tplchangeList",res); + $('.changeList').html(html); + } + var linkone='';//点击的分类 + $(".left li").click(function(){ + // 点击了排序就把搜索按钮还原为搜索样子 + $('.search').find('.fa').addClass('fa-search').removeClass('fa-close'); + + if($(this).find('.mui-icon').hasClass('mui-icon-arrowdown')){ + $(this).find('.mui-icon').addClass('mui-icon-arrowup').removeClass('mui-icon-arrowdown').parent().siblings('li').find('.mui-icon').removeClass('mui-icon-arrowup').addClass('mui-icon-arrowdown'); + linkone=$(this).data('link');//点击的是那个类型 + }else{ + $(this).find('.mui-icon').addClass('mui-icon-arrowdown').removeClass('mui-icon-arrowdoup'); + } + + // 这样判断后只会有一个是向上的(或者全部不是),然后判断有没有向上,如果有就显示列表 + // 并 渲染数据出来 + if($(this).find('.mui-icon').hasClass('mui-icon-arrowdown')){ + //如果向上就不做操作数据让列表隐藏 + $(".changeList").hide(); + }else{ + //有就显示列表 + $(".changeList").show(); + //请求数据(需要判断是哪一个) + var url=''; + switch(linkone){ + case 'shop': + url='http://mmb.ittun.com/api/getgsshop'; + break; + case 'addr': + url='http://mmb.ittun.com/api/getgsshoparea'; + break; + default: + templatePrice();//当点击的是价格的时候渲染 + return; + } + $.ajax({ + url:url, + type:'GET', + success:function(res){ + var html=template("tplchangeList",res); + $('.changeList').html(html);//请求筛选列表的渲染 + + //渲染完成页面后调用函数默认加载第一个数据（并渲染对应产品） + console.log(res.result[0].shopName); + console.log(res.result[0].areaName); + } + }) + + } + }); + + + // 点击搜索按钮 + $(".search").click(function(){ + if($(this).find('.fa').hasClass("fa-search")){ + //如果是搜索按钮(换位关闭按钮并显示搜索页面) + $(this).find('.fa').addClass("fa-close").removeClass("fa-search"); + //渲染搜索框内容 + var html=template("tplsearchPage",{});//点击搜索按钮渲染 + $(".changeList").show(); + $(".changeList").html(html); + }else{ + // 如果是关闭按钮(就更换为搜索并关闭搜索页面) + $(this).find('.fa').addClass("fa-search").removeClass("fa-close"); + $(".changeList").hide(); + // 隐藏搜索按钮的时候把排序的所有图标改为向下的 + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + } + }) + + + // 点击列表外面的区域让列表消失 + $(".products").click(function(){ + $('.changeList').hide(); + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + }) + $(".header").click(function(){ + $('.changeList').hide(); + $(".left li").children('.mui-icon').addClass('mui-icon-arrowdown').removeClass("mui-icon-arrowup"); + }) + + // 获得数据(我们把点击的数据显示在上面),判断type是什么类型的放到对应的 + $('.changeList').on('click','li',function(){ + //拿到下面span中文字放到上面中//并且要给它添加选中 + $(this).addClass("active").siblings().removeClass("active");//选中打钩 + var text=$(this).find('.text').text();//点击的选中文字 + // var arr=text.split("（");//我们只要括号外面的 + // text=arr[0]; + text=changeListWord(text); + $('.left li.'+linkone).children(".text").text(text); + $(".products").click();//调用点击products让他列表消失 + }) + + // 筛选列表文字的处理 + function changeListWord(str){ + return str.split("（")[0]; + } + + // 渲染产品的列表(sid:店铺id aid：区域的id) + // renderProducts(1,1); + function renderProducts(sid,aid){ + $.ajax({ + url:'http://mmb.ittun.com/api/getgsproduct', + type:'GET', + data:{shopid:sid,areaid:aid}, + success:function(res){ + console.log(res); + var html=template('tplProducts',res); + $('.products').html(html); + } + }) + } + +}) \ No newline at end of file diff --git a/js/prolist.js b/js/prolist.js new file mode 100644 index 0000000..14db00a --- /dev/null +++ b/js/prolist.js @@ -0,0 +1,17 @@ +$(function(){ + + + function categorylist(cid,pid){ + $.ajax({ + url:"http://mmb.ittun.com/api/getproductlist", + type:"get", + dataType:"json", + data:{categoryid:cid,pagaid:pid}, + success:function(res){ + var html=template("goodlist",res); + // $(".listitem").html(html); + } + }); + } + categorylist(0,1); +}); diff --git a/lib/zepto/fx.js b/lib/zepto/fx.js new file mode 100644 index 0000000..f29b43b --- /dev/null +++ b/lib/zepto/fx.js @@ -0,0 +1,123 @@ +// Zepto.js +// (c) 2010-2016 Thomas Fuchs +// Zepto.js may be freely distributed under the MIT license. + +;(function($, undefined){ + var prefix = '', eventPrefix, + vendors = { Webkit: 'webkit', Moz: '', O: 'o' }, + testEl = document.createElement('div'), + supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i, + transform, + transitionProperty, transitionDuration, transitionTiming, transitionDelay, + animationName, animationDuration, animationTiming, animationDelay, + cssReset = {} + + function dasherize(str) { return str.replace(/([a-z])([A-Z])/, '$1-$2').toLowerCase() } + function normalizeEvent(name) { return eventPrefix ? eventPrefix + name : name.toLowerCase() } + + $.each(vendors, function(vendor, event){ + if (testEl.style[vendor + 'TransitionProperty'] !== undefined) { + prefix = '-' + vendor.toLowerCase() + '-' + eventPrefix = event + return false + } + }) + + transform = prefix + 'transform' + cssReset[transitionProperty = prefix + 'transition-property'] = + cssReset[transitionDuration = prefix + 'transition-duration'] = + cssReset[transitionDelay = prefix + 'transition-delay'] = + cssReset[transitionTiming = prefix + 'transition-timing-function'] = + cssReset[animationName = prefix + 'animation-name'] = + cssReset[animationDuration = prefix + 'animation-duration'] = + cssReset[animationDelay = prefix + 'animation-delay'] = + cssReset[animationTiming = prefix + 'animation-timing-function'] = '' + + $.fx = { + off: (eventPrefix === undefined && testEl.style.transitionProperty === undefined), + speeds: { _default: 400, fast: 200, slow: 600 }, + cssPrefix: prefix, + transitionEnd: normalizeEvent('TransitionEnd'), + animationEnd: normalizeEvent('AnimationEnd') + } + + $.fn.animate = function(properties, duration, ease, callback, delay){ + if ($.isFunction(duration)) + callback = duration, ease = undefined, duration = undefined + if ($.isFunction(ease)) + callback = ease, ease = undefined + if ($.isPlainObject(duration)) + ease = duration.easing, callback = duration.complete, delay = duration.delay, duration = duration.duration + if (duration) duration = (typeof duration == 'number' ? duration : + ($.fx.speeds[duration] || $.fx.speeds._default)) / 1000 + if (delay) delay = parseFloat(delay) / 1000 + return this.anim(properties, duration, ease, callback, delay) + } + + $.fn.anim = function(properties, duration, ease, callback, delay){ + var key, cssValues = {}, cssProperties, transforms = '', + that = this, wrappedCallback, endEvent = $.fx.transitionEnd, + fired = false + + if (duration === undefined) duration = $.fx.speeds._default / 1000 + if (delay === undefined) delay = 0 + if ($.fx.off) duration = 0 + + if (typeof properties == 'string') { + // keyframe animation + cssValues[animationName] = properties + cssValues[animationDuration] = duration + 's' + cssValues[animationDelay] = delay + 's' + cssValues[animationTiming] = (ease || 'linear') + endEvent = $.fx.animationEnd + } else { + cssProperties = [] + // CSS transitions + for (key in properties) + if (supportedTransforms.test(key)) transforms += key + '(' + properties[key] + ') ' + else cssValues[key] = properties[key], cssProperties.push(dasherize(key)) + + if (transforms) cssValues[transform] = transforms, cssProperties.push(transform) + if (duration > 0 && typeof properties === 'object') { + cssValues[transitionProperty] = cssProperties.join(', ') + cssValues[transitionDuration] = duration + 's' + cssValues[transitionDelay] = delay + 's' + cssValues[transitionTiming] = (ease || 'linear') + } + } + + wrappedCallback = function(event){ + if (typeof event !== 'undefined') { + if (event.target !== event.currentTarget) return // makes sure the event didn't bubble from "below" + $(event.target).unbind(endEvent, wrappedCallback) + } else + $(this).unbind(endEvent, wrappedCallback) // triggered by setTimeout + + fired = true + $(this).css(cssReset) + callback && callback.call(this) + } + if (duration > 0){ + this.bind(endEvent, wrappedCallback) + // transitionEnd is not always firing on older Android phones + // so make sure it gets fired + setTimeout(function(){ + if (fired) return + wrappedCallback.call(that) + }, ((duration + delay) * 1000) + 25) + } + + // trigger page reflow so new elements can animate + this.size() && this.get(0).clientLeft + + this.css(cssValues) + + if (duration <= 0) setTimeout(function() { + that.each(function(){ wrappedCallback.call(this) }) + }, 0) + + return this + } + + testEl = null +})(Zepto) diff --git a/sass/baicaijia.scss b/sass/baicaijia.scss new file mode 100644 index 0000000..dd8dc04 --- /dev/null +++ b/sass/baicaijia.scss @@ -0,0 +1,176 @@ +@import "./common.scss"; +.container{ + height:100%; + display:flex; + flex-direction: column; + .header{ + height:40px; + background: $itemColor; + display:flex; + align-items:center; + a{ + width: 40px; + text-align: center; + img{ + width:70%; + } + } + input{ + flex:1; + height: 30px; + font-size: 16px; + border: none; + border-radius:15px; + margin-bottom: 0; + } + } + .main{ + flex:1; + background:#fff; + display:flex; + flex-direction:column; + .navbox{ + height:38px; + border-bottom:1px solid #ccc; + .mui-active{ + border-bottom:none; + color:$itemColor; + } + } + .scrollcontain { + position: relative; + flex:1; + .productlist{ + // display:flex; + padding:5px; + background: #eee; + .priduct{ + width: 100%; + background: #fff; + display:flex; + margin-bottom:5px; + img { + width: 130px; + height: 130px; + } + .right{ + width: 100%; + flex:1; + display:flex; + flex-direction:column; + justify-content:space-between; + padding:5px; + .productName { + color:#333; + } + .productPrice { + color:#fc353a; + font-size: 18px; + i { + font-size: 16px; + + } + em { + font-size: 12px; + margin-right:3px; + } + del { + color:#aaa; + font-size: 14px; + } + } + .bar { + i { + display:inline-block; + width: 82px; + height: 14px; + border-radius:7px; + font-size: 14px; + line-height: 14px; + text-align: center; + background:$itemColor; + color:#fff; + } + b { + color:red; + font-size: 12px; + } + } + .discountlink { + display:flex; + justify-content:space-between; + .discount { + width: 110px; + height: 26px; + border: 1px dotted $itemColor; + display:flex; + justify-content:center; + align-items:center; + a { + color:$itemColor; + font-size: 12px; + } + } + .productHref { + width: 60px; + height: 30px; + a { + display:block; + width: 100%; + line-height: 30px; + text-align: center; + background: $itemColor; + color:#fff; + font-size: 12px; + } + } + } + } + } + } + } + + } + .footer{ + height:110px; + width: 100%; + // position: fixed; + background: #fff; + bottom:0; + padding-top:10px; + .logininfo{ + height: 34px; + display:flex; + a{ + flex:1; + border-top:1px solid #e6e6e6; + border-bottom:1px solid#e6e6e6; + display:flex; + justify-content: center; + align-items:center; + color:#333; + font-size: 14px; + &:nth-child(n+2){ + border-left:1px solid #e6e6e6; + } + } + } + .footerinfo{ + height: 64px; + display:flex; + flex-direction:column; + justify-content:center; + align-items:center; + border-bottom: 1px solid #ccc; + font-size: 12px; + a{ + color:#333; + } + .appLogin{ + color:$itemColor; + margin-right:5px; + } + } + + } +} diff --git a/sass/bijiaolist.scss b/sass/bijiaolist.scss new file mode 100644 index 0000000..775bba2 --- /dev/null +++ b/sass/bijiaolist.scss @@ -0,0 +1,134 @@ +@import "common.scss"; + main{ + .nav{ + height: 36px; + background-color: #ebebeb; + border-top: solid 1px #ebebeb; + border-bottom: 1px solid #ccc; + line-height: 36px; + padding-left: 8px; + font-size: 14px; + a{ + color: #5a5a5a; + } + } + .goodinfo{ + + .product{ + background-color: #fff; + margin: 0 auto; + text-align:center; + padding: 10px 10px 0px 10px ; + .title{ + font-size: 16px; + color: #000; + // text-align: left; + } + .pic{ + padding: 10px 0; + } + } + .do{ + margin:0px; + margin-top: 20px; + display: flex; + justify-content: space-around; + align-items: center; + background-color: orange; + border-bottom: 1px solid orangered; + border-top: 1px solid orangered; + height: 34px; + a{ + flex: 1; + height: 100%; + display: flex; + align-items: center; + justify-content:center; + border-right: 1px solid orangered; + color: #fff; + &:last-child{ + border-right: none; + } + &.active{ + background-color: orangered; + } + } + + } + .buyinfo{ + .gobuy{ + margin: 10px 0px; + display: flex; + justify-content: space-between; + align-items: center; + height: 34px; + line-height: 34px; + a{ + color: #000; + font-size: 16px; + + } + .logo{ + display:inline-block; + width: 10px; + height: 10px; + + background: url("../images/icon/1.png")no-repeat center center/15px 15px; + } + .price{ + color: red; + font-size: 16px; + line-height: 34px; + } + .buynow{ + background-color:orangered; + height: 34px; + // display:inline-block; + } + + } + .notice{ + border-top: 1px solid #5a5a5a; + font-size: 12px; + color: #888; + padding: 8px 10px; + line-height: 18px; + } + } + + } + .comment{ + .title{ + height: 34px; + line-height: 34px; + background-color: #ccc; + text-align: center; + color: #888; + font-size: 16px; + font-weight: bold; + } + .top{ + padding: 10px; + .usermessage{ + display: flex; + justify-content: space-between; + + } + } + .bottom{ + padding: 10px; + .checkmore{ + margin:10px auto; + + width:100%; + + display: block; + height: 32px; + background-color: #d4d4d4; + } + + } + + } + } + diff --git a/sass/bijiaosearch.scss b/sass/bijiaosearch.scss new file mode 100644 index 0000000..c63b920 --- /dev/null +++ b/sass/bijiaosearch.scss @@ -0,0 +1,81 @@ +@import "common.scss"; +main{ + background-color: #ebebeb; + .searchbar{ + // display:flex; + // justify-content: center; + + padding: 15px; + // margin: 15px; + position: relative; + background-color: #fff; + border-bottom: 1px solid #e6e6e6; + .search{ + height: 30px; + position: relative; + padding: 0px; + + } + + input{ + height: 30px; + border-radius: 15px; + margin-bottom: 0px; + display: block; + position: absolute; + top: 0; + left: 0; + outline: 0 none; + border: 0 none; + background-color: #eee; + + } + button{ + position: absolute; + border-radius: 15px; + top: 0; + right: 0; + height: 30px; + background: #ff841d; + outline: 0 none; + border: 0 none; + } + } + .mui-content{ + padding: 10px; + + .mui-card:first-child{ + margin: 0px; + padding: 0px; + } + .mui-card{ + border: 1px solid #ccc; + border-radius: 5px; + .mui-collapse{ + background-color: #ebebeb; + .itemList{ + .list{ + display:flex; + flex-wrap: wrap; + + a{ + border-radius: 0px; + width: 33.333%; + height: 50px; + display:flex; + justify-content: center; + align-items: center; + border: 0 none; + background-color: #f9f9f9; + border: 1px solid #ccc; + + } + } + + } + } + } + } + } + + diff --git a/sass/brand_all.scss b/sass/brand_all.scss new file mode 100644 index 0000000..7696fe4 --- /dev/null +++ b/sass/brand_all.scss @@ -0,0 +1,224 @@ +@import "./common.scss"; +html,body{ + height:100%; +} +.container{ + height: 100%; + .header{ + height:50px; + background: $itemColor; + display:flex; + justify-content:space-between; + a{ + display:flex; + align-items: center; + &.logo{ + padding-left:12px; + } + &.download{ + justify-content: center; + } + img{ + width:70%; + } + } + } + .main{ + + .searchbox{ + + padding:10px; + border-bottom:2px solid #e6e6e6; + display:flex; + justify-content:space-between; + align-items: center; + div{ + position: relative; + height: 30px; + flex:1; + border-radius:15px; + background:#f1f1f1; + .search-text{ + height: 100%; + flex:1; + border-radius: 15px; + border-radius: 15px; + border:none; + background:#f1f1f1; + font-size: 16px; + margin-bottom: 0; + } + .historywordBox{ + position: absolute; + top:31px; + background: #fff; + width: 100%; + padding:0; + li { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding-left:30px; + border-bottom:1px solid #ccc; + // background: #fff; + span { + font-size: 16px; + &.delete-keyword{ + width: 30px; + } + &.keywords{ + flex:1; + } + } + &.active{ + background: #ccc; + } + } + // display:none; + } + } + .search{ + width: 64px; + height: 100%; + border-radius:15px; + background: $itemColor; + color:#fff; + border:none; + } + + + } + .navbar{ + padding:10px; + font-size: 14px; + border-bottom:1px solid #ccc; + // margin-bottom:10px; + } + .brandlist{ + // padding: 0 10px; + + .title{ + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom:1px solid #bbb; + a { + display:block; + height: 100%; + // border:1px solid #bbb; + padding-left:10px; + line-height:40px; + color: #874604; + } + } + .brand-title-list{ + li{ + padding-left: 10px; + line-height: 40px; + border-bottom:1px solid #e6e6e6; + a{ + height: 100%; + display:flex; + justify-content:space-between; + align-items:center; + } + } + } + } + } + .footer{ + // height:110px; + width: 100%; + position: fixed; + background: #fff; + bottom:0; + padding-top:10px; + .logininfo{ + height: 34px; + display:flex; + a{ + flex:1; + border-top:1px solid #e6e6e6; + border-bottom:1px solid#e6e6e6; + display:flex; + justify-content: center; + align-items:center; + color:#333; + font-size: 14px; + &:nth-child(n+2){ + border-left:1px solid #e6e6e6; + } + } + } + .footerinfo{ + height: 64px; + display:flex; + flex-direction:column; + justify-content:center; + align-items:center; + border-bottom: 1px solid #ccc; + font-size: 12px; + a{ + color:#333; + } + .appLogin{ + color:$itemColor; + margin-right:5px; + } + } + + } +} +.banner{ + position:fixed; + bottom:0; + width: 100%; + height:60px; + display:flex; + justify-content:space-between; + align-items:center; + background: #fff; + padding:10px; + .left{ + flex:1; + display:flex; + align-items:center; + .close-banner{ + height:20px; + width:20px; + border-radius:50%; + color:#fff; + background:#ccc; + line-height: 20px; + text-align: center; + } + img{ + width:40px; + height:40px; + margin:0 12px; + } + div p { + color:#999; + &:nth-child(1){ + font-size:16px; + } + &:nth-child(2){ + font-size:12px; + } + } + } + .opennow{ + height: 32px; + width: 74px; + text-align: center; + line-height: 32px; + background:$itemColor; + color:#fff; + box-shadow: 0px -1px 1px 0 red inset; + font-size: 12px; + + } + +} + diff --git a/sass/brand_categroy.scss b/sass/brand_categroy.scss new file mode 100644 index 0000000..6d91138 --- /dev/null +++ b/sass/brand_categroy.scss @@ -0,0 +1,348 @@ +@import "./common.scss"; +html,body{ + // height: 100%; + height:990px; +} +.container{ + height: 100%; + .header{ + height:50px; + background: $itemColor; + display:flex; + justify-content:space-between; + a{ + display:flex; + align-items: center; + &.logo{ + padding-left:12px; + } + &.download{ + justify-content: center; + } + img{ + width:70%; + } + } + } + .main{ + + .searchbox{ + + padding:10px; + border-bottom:2px solid #e6e6e6; + display:flex; + justify-content:space-between; + align-items: center; + div{ + position: relative; + height: 30px; + flex:1; + border-radius:15px; + background:#f1f1f1; + .search-text{ + height: 100%; + flex:1; + border-radius: 15px; + border-radius: 15px; + border:none; + background:#f1f1f1; + font-size: 16px; + margin-bottom: 0; + } + .historywordBox{ + position: absolute; + top:31px; + background: #fff; + width: 100%; + padding:0; + li { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding-left:30px; + border-bottom:1px solid #ccc; + // background: #fff; + span { + font-size: 16px; + &.delete-keyword{ + width: 30px; + } + &.keywords{ + flex:1; + } + } + &.active{ + background: #ccc; + } + } + // display:none; + } + } + .search{ + width: 64px; + height: 100%; + border-radius:15px; + background: $itemColor; + color:#fff; + border:none; + } + } + .navbar{ + padding:10px; + font-size: 14px; + border-bottom:1px solid #ccc; + } + .brand-category-list{ + .title{ + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom:1px solid #bbb; + a { + display:block; + height: 100%; + padding-left:10px; + line-height:40px; + color: #874604; + } + } + .brand-title-list{ + li{ + padding: 10px; + // line-height: 40px; + border-bottom:1px solid #e6e6e6; + a{ + height: 100%; + width: 100%; + display:flex; + justify-content:space-between; + align-items:center; + .left{ + display:flex; + .index{ + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + margin-right:10px; + background: #ccc; + color:#fff; + &.red{ + background: red; + } + &.yellow{ + background: #ff9314; + } + &.green{ + background: #8adf5b; + } + } + .brandName{ + font-size: 18px; + color:#000; + } + } + + } + } + } + } + .brand-product-list{ + .title{ + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom:1px solid #bbb; + border-top:1px solid #bbb; + a { + display:block; + height: 100%; + padding-left:10px; + line-height:40px; + color: #874604; + font-weight: 700; + background: #f3f3f3; + } + } + .product-list{ + li{ + padding:10px; + border-bottom:1px solid #aaa; + a{ + width: 100%; + display:flex; + align-items:center; + img{ + margin-right:10px; + width: 100px; + } + .product-info{ + display:flex; + flex-direction:column; + justify-content: space-around; + .productName{ + color:#333; + } + .productPrice{ + color:$itemColor; + font-size: 18px; + margin-top:5px; + } + .desc{ + font-size: 12px; + } + + } + } + } + } + } + .product-commentlist{ + background: #f2f2f2; + .title{ + height: 40px; + font-size: 16px; + margin-bottom: 2px; + border-bottom:1px solid #bbb; + // border-top:1px solid #bbb; + a { + display:block; + height: 100%; + padding-left:10px; + line-height:40px; + color: #874604; + font-weight: 700; + background: #f3f3f3; + } + } + li{ + border-bottom:1px solid #ccc; + padding:10px; + a{ + display:flex; + margin-bottom:10px; + img{ + margin-right:10px; + } + } + .commenttext{ + background: #fff; + border:1px solid #e7e7e7; + position: relative; + padding:10px; + .Content{ + margin-top: 5px; + color:#333; + } + &::after{ + content:""; + position: absolute; + left:30px; + top:-12px; + border-bottom:6px solid #fff; + border-top:6px solid transparent; + border-left:6px solid transparent; + border-right:6px solid transparent; + + } + } + + } + } + } + .footer{ + // height:110px; + width: 100%; + position: fixed; + background: #fff; + bottom:0; + padding-top:10px; + .logininfo{ + height: 34px; + display:flex; + a{ + flex:1; + border-top:1px solid #e6e6e6; + border-bottom:1px solid#e6e6e6; + display:flex; + justify-content: center; + align-items:center; + color:#333; + font-size: 14px; + &:nth-child(n+2){ + border-left:1px solid #e6e6e6; + } + } + } + .footerinfo{ + height: 64px; + display:flex; + flex-direction:column; + justify-content:center; + align-items:center; + border-bottom: 1px solid #ccc; + font-size: 12px; + a{ + color:#333; + } + .appLogin{ + color:$itemColor; + margin-right:5px; + } + } + + } +} +.banner{ + position:fixed; + bottom:0; + width: 100%; + height:60px; + display:flex; + justify-content:space-between; + align-items:center; + background: #fff; + padding:10px; + .left{ + flex:1; + display:flex; + align-items:center; + .close-banner{ + height:20px; + width:20px; + border-radius:50%; + color:#fff; + background:#ccc; + line-height: 20px; + text-align: center; + } + img{ + width:40px; + height:40px; + margin:0 12px; + } + div p { + color:#999; + &:nth-child(1){ + font-size:16px; + } + &:nth-child(2){ + font-size:12px; + } + } + } + .opennow{ + height: 32px; + width: 74px; + text-align: center; + line-height: 32px; + background:$itemColor; + color:#fff; + box-shadow: 0px -1px 1px 0 red inset; + font-size: 12px; + } + +} + + diff --git a/sass/common.scss b/sass/common.scss index e69de29..ad74ce5 100644 --- a/sass/common.scss +++ b/sass/common.scss @@ -0,0 +1,69 @@ +body, +ol, +ul, +h1, +h2, +h3, +h4, +h5, +h6, +p, +th, +td, +dl, +dd, +form, +fieldset, +legend, +input, +textarea, +select { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font: 12px”宋体”, ”Arial Narrow”, HELVETICA; + background: #fff; + -webkit-text-size-adjust: 100%; +} + +a { + color: #2d374b; + text-decoration: none +} + +a:hover { + color: #cd0200; + text-decoration: none; +} + +em { + font-style: normal +} +i{ + font-style: normal; +} + +li { + list-style: none +} + +img { + border: 0; + vertical-align: middle +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +p { + word-wrap: break-word +} +$itemColor:#ff841d; +html,body{ + height:100%; +} \ No newline at end of file diff --git a/sass/coudan.scss b/sass/coudan.scss new file mode 100644 index 0000000..902c7be --- /dev/null +++ b/sass/coudan.scss @@ -0,0 +1,233 @@ +@import "common.scss"; +$bgcolor:#f1f1f1; +$maincolor:#ff841d; + +body{ + background-color: $bgcolor; +} + +.container{ + + .header{ + background-color: #ff841d; + height: 44px; + display: flex; + padding: 15px; + align-items: center; + justify-content: space-between; + color:#fff; + font-size: 20px; + + .title{ + font-size: 20px; + } + .share{ + height: 35px; + width: 35px; + background: url(../images/icon/header_app.png) 0px 0px /35px 35px; + } + } + + .main{ + .screenBar{ + height: 43px; + border-bottom: 1px solid #ddd; + background-color: #fff; + position: relative; + + .change{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + + .left{ + flex: 1; + display: flex; + justify-content: space-around; + font-size: 16px; + + li{ + padding: 5px; + + .mui-icon{ + font-size: 14px !important; + } + } + } + .search{ + flex-basis: 45px; + height: 100%; + border-left: 1px solid #ddd; + display: flex; + justify-content: center; + align-items: center; + font-size: 22px; + color: #666; + } + + } + + .changeList{ + // display: none; + width: 100%; + position: absolute; + top: 43px; + background-color: #fff; + + + li{ + padding: 0px 15px; + border-bottom: 1px solid #ddd; + height: 39px; + display: flex; + align-items: center; + justify-content: space-between; + + .fa{ + color: orange; + opacity: 0; + font-size: 16px; + } + + &.active{ + .fa{ + opacity: 1; + } + } + } + + // 搜索页 + .searchPage{ + background-color: #f7f7f7; + .searchBar{ + display: flex; + padding: 10px 10px; + align-items: center; + + input{ + flex: 1; + height: 30px; + margin: 0; + border-radius: 0px; + font-size: 14px; + } + span{ + height: 30px; + flex-basis: 50px; + display: flex; + align-items: center; + justify-content: center; + } + } + + .sort{ + margin-bottom: 10px; + + p{ + padding-left: 10px; + color: #000; + font-size: 14px; + margin-bottom: 10px; + } + .content{ + display: flex; + + span{ + width: 20%; + margin-left: 10px ; + font-size: 12px; + color: #555; + border: 1px solid #ddd; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + padding: 5px 0px; + + &.active{ + color: $bgcolor; + border: 0px solid #000; + background-color: $maincolor; + } + } + } + } + + .classList{ + p{ + color: #000; + padding:0px 10px; + } + .content{ + font-size: 12px; + padding: 0px 10px 10px 0px; + display: flex; + flex-wrap: wrap; + + a{ + padding: 10px 0px 0px 10px; + width: 25%; + + span{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #ddd; + height: 30px; + border-radius: 3px; + + &.active{ + background-color: $maincolor; + border: none; + color: $bgcolor; + } + } + } + } + } + } + } + } + + // products + .products{ + display: flex; + flex-wrap: wrap; + + .product{ + width: 50%; + // border: 1px solid #000; + padding: 10px 5px 0px 10px; + .box{ + background: #fff; + + img{ + width: 100%; + } + .title{ + padding:0px 3px; + margin-top: 6px; + } + + .other{ + padding: 4px 3px; + .price{ + font-size: 12px; + color: #f8601d; + } + .money{ + font-size: 20px; + font-weight: bold; + } + } + } + + &:nth-child(even){ + padding: 10px 10px 0px 5px; + } + } + } + } +} \ No newline at end of file diff --git a/sass/prolist.scss b/sass/prolist.scss new file mode 100644 index 0000000..eaae51b --- /dev/null +++ b/sass/prolist.scss @@ -0,0 +1,72 @@ +@import "common.scss"; +main{ + .listitem{ + .item{ + padding: 10px 8px; + font-size: 12px; + background-color: #FFFFFF; + position: relative; + display: flex; + + .pic{ + width: 120px; + height: 120px; + margin-right: 10px; + overflow: hidden; + img{ + width: 100%; + height: 100%; + } + } + .info{ + .tit{ + color: #333333; + word-break: break-all; + font-size: 15px; + line-height: 28px; + height: 56px; + overflow: hidden; + } + .price{ + color: #ed0000; + font-size: 18px; + margin-top: 6px; + } + .other{ + margin-top: 5px; + .mall{ + color: #a1a1a1; + line-height: 21px; + } + .sales{ + text-align: right; + color: #a1a1a1; + line-height: 21px; + } + } + } + } + } + .page{ + display: flex; + justify-content: space-around; + align-items: center; + height: 36px; + margin-top: 20px; + .fenye{ + // border: 1px solid #bababa; + // font-size: 16px; + height: 34px; + width: 40px; + position: relative; + // overflow: hidden; + select{ + position: absolute; + + left: 0; + top: 0; + width: 100%; + } + } + } +} diff --git a/text.html b/text.html new file mode 100644 index 0000000..05f59e7 --- /dev/null +++ b/text.html @@ -0,0 +1,18 @@ + + + + + + + Document + + + + + + \ No newline at end of file diff --git a/text.md b/text.md new file mode 100644 index 0000000..bdf6e3a --- /dev/null +++ b/text.md @@ -0,0 +1,41 @@ +
+
+ 搜索 +
+
+

排序

+
+ 销量 + 价格 + 价格 +
+
+
+

分类

+
+ 全部 + 家居 + 数码 + 办公 + 个护 + 食品 + 母婴 + 服饰 +
+
+
+ + + //渲染完成页面后调用函数默认加载第一个数据（并渲染对应产品) + if(type=='shop'){ + var text=res.result[0].shopName; + text=changeListWord(text); + $('.left li.'+type).children(".text").text(text); + }else if(type=='addr'){ + var text=res.result[0].areaName; + text=changeListWord(text); + $('.left li.'+type).children(".text").text(text); + }else{ + $('.left li.'+type).children(".text").text(arr[0]); + console.log(arr[0]); + } \ No newline at end of file