Authored by 郝肖肖

scss 语法规范

1 -@import "../layout/swiper"; 1 +@import "layout/swiper";
2 2
3 .coupon-area-page { 3 .coupon-area-page {
4 max-width: 640px; 4 max-width: 640px;
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 margin-left: -200px; 61 margin-left: -200px;
62 width: 401px; 62 width: 401px;
63 height: 57px; 63 height: 57px;
64 - background: url("../img/coupon/coupon-title.png"); 64 + background: url("/coupon/coupon-title.png");
65 } 65 }
66 66
67 .under-title { 67 .under-title {
@@ -121,7 +121,7 @@ @@ -121,7 +121,7 @@
121 width: 100%; 121 width: 100%;
122 height: 136px; 122 height: 136px;
123 position: relative; 123 position: relative;
124 - background: url("../img/coupon/coupon-footer.png"); 124 + background: url("/coupon/coupon-footer.png");
125 125
126 span { 126 span {
127 position: absolute; 127 position: absolute;
@@ -181,7 +181,7 @@ @@ -181,7 +181,7 @@
181 font-size: 24px; 181 font-size: 24px;
182 color: #fff; 182 color: #fff;
183 margin: 0 40%; 183 margin: 0 40%;
184 - background: url("../img/coupon/activity-description.png"); 184 + background: url("/coupon/activity-description.png");
185 } 185 }
186 186
187 a { 187 a {
@@ -205,7 +205,7 @@ @@ -205,7 +205,7 @@
205 width: 40px; 205 width: 40px;
206 height: 40px; 206 height: 40px;
207 overflow: hidden; 207 overflow: hidden;
208 - background: url("../img/coupon/close.png"); 208 + background: url("/coupon/close.png");
209 color: #f1f1f1; 209 color: #f1f1f1;
210 position: absolute; 210 position: absolute;
211 top: -20px; 211 top: -20px;
@@ -307,7 +307,7 @@ @@ -307,7 +307,7 @@
307 margin-top: 40%; 307 margin-top: 40%;
308 margin-left: auto; 308 margin-left: auto;
309 margin-right: auto; 309 margin-right: auto;
310 - background: url("../img/coupon/unfortunately.png"); 310 + background: url("/coupon/unfortunately.png");
311 } 311 }
312 312
313 .title { 313 .title {
@@ -325,7 +325,7 @@ @@ -325,7 +325,7 @@
325 margin-top: 190px; 325 margin-top: 190px;
326 margin-left: auto; 326 margin-left: auto;
327 margin-right: auto; 327 margin-right: auto;
328 - background: url("../img/coupon/logo.png"); 328 + background: url("/coupon/logo.png");
329 } 329 }
330 330
331 .desc { 331 .desc {
1 -@import "../layout/swiper"; 1 +@import "layout/swiper";
2 @import "annual-account/index"; 2 @import "annual-account/index";
1 - @import "../../home/order"; 1 + @import "home/order";
2 2
3 .wx-act-c { 3 .wx-act-c {
4 width: 100%; 4 width: 100%;
1 @charset "utf-8"; 1 @charset "utf-8";
2 -@import "../../layout/swiper"; 2 +@import "layout/swiper";
3 3
4 .trend-c.map-c { 4 .trend-c.map-c {
5 padding: 0; 5 padding: 0;
1 @import "index-new"; 1 @import "index-new";
2 @import "cart-good"; 2 @import "cart-good";
3 -@import "../product/detail/recommend-for-you";  
4 -@import "../common/good";  
5 -@import "../layout/loading"; 3 +@import "product/detail/recommend-for-you";
  4 +@import "common/good";
  5 +@import "layout/loading";
6 @import "chose-panel"; 6 @import "chose-panel";
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 @import "floor-header"; 2 @import "floor-header";
3 @import "footer-tab"; 3 @import "footer-tab";
4 @import "hot-brands"; 4 @import "hot-brands";
5 -@import "../layout/swiper"; 5 +@import "layout/swiper";
6 .brand-page { 6 .brand-page {
7 .re-pos-search { 7 .re-pos-search {
8 top: 40PX !important; 8 top: 40PX !important;
1 -@import "../layout/loading";  
2 -@import "../layout/swiper"; 1 +@import "layout/loading";
  2 +@import "layout/swiper";
3 3
4 -@import "../common/filter";  
5 -@import "../common/good";  
6 -@import "../common/loading";  
7 -@import "../common/suspend-home"; 4 +@import "common/filter";
  5 +@import "common/good";
  6 +@import "common/loading";
  7 +@import "common/suspend-home";
8 8
9 -@import "_index-main";  
10 -@import "_brand";  
11 -@import "_banner-bottom";  
12 -@import "_banner-center";  
13 -@import "_banner-top";  
14 -@import "_cate";  
15 -@import "_creative-life";  
16 -@import "_divide-image";  
17 -@import "_fine-brands";  
18 -@import "_floor-header";  
19 -@import "_footer-tab";  
20 -@import "_fresh-only";  
21 -@import "_goods-category";  
22 -@import "_hot-brands";  
23 -@import "_hot-category";  
24 -@import "_home-header";  
25 -@import "_hot-single";  
26 -@import "_icons-enter";  
27 -@import "_left-right";  
28 -@import "_maybe-like";  
29 -@import "_new-first";  
30 -@import "_new-user-floor";  
31 -@import "_notice";  
32 -@import "_plus-star";  
33 -@import "_sale-floor";  
34 -@import "_search";  
35 -@import "_seckill";  
36 -@import "_shop-recommand";  
37 -@import "_side-nav";  
38 -@import "_six-lines-floor";  
39 -@import "_three-picture";  
40 -@import "_thumb-row";  
41 -@import "_trend-topics";  
42 -@import "_trend-tops";  
43 -@import "_trendsetter-collocation";  
44 -@import "_two-column-goods";  
45 -@import "_vip-only";  
46 -@import "_home-main"; 9 +@import "index-main";
  10 +@import "brand";
  11 +@import "banner-bottom";
  12 +@import "banner-center";
  13 +@import "banner-top";
  14 +@import "cate";
  15 +@import "creative-life";
  16 +@import "divide-image";
  17 +@import "fine-brands";
  18 +@import "floor-header";
  19 +@import "footer-tab";
  20 +@import "fresh-only";
  21 +@import "goods-category";
  22 +@import "hot-brands";
  23 +@import "hot-category";
  24 +@import "home-header";
  25 +@import "hot-single";
  26 +@import "icons-enter";
  27 +@import "left-right";
  28 +@import "maybe-like";
  29 +@import "new-first";
  30 +@import "new-user-floor";
  31 +@import "notice";
  32 +@import "plus-star";
  33 +@import "sale-floor";
  34 +@import "search";
  35 +@import "seckill";
  36 +@import "shop-recommand";
  37 +@import "side-nav";
  38 +@import "six-lines-floor";
  39 +@import "three-picture";
  40 +@import "thumb-row";
  41 +@import "trend-topics";
  42 +@import "trend-tops";
  43 +@import "trendsetter-collocation";
  44 +@import "two-column-goods";
  45 +@import "vip-only";
  46 +@import "home-main";
1 - @import "../layout/loading";  
2 - @import "../layout/swiper"; 1 + @import "layout/loading";
  2 + @import "layout/swiper";
3 3
4 - @import "../common/loading";  
5 - @import "../common/suspend-home"; 4 + @import "common/loading";
  5 + @import "common/suspend-home";
6 6
7 - @import "_info-list";  
8 - @import "_info";  
9 - @import "_tvls"; 7 + @import "info-list";
  8 + @import "info";
  9 + @import "tvls";
1 -@import "../layout/loading";  
2 -@import "../layout/swiper"; 1 +@import "layout/loading";
  2 +@import "layout/swiper";
3 3
4 -@import "../common/good";  
5 -@import "../common/loading";  
6 -@import "../common/suspend-home"; 4 +@import "common/good";
  5 +@import "common/loading";
  6 +@import "common/suspend-home";
7 7
8 -@import "../channel/footer-tab"; 8 +@import "channel/footer-tab";
9 9
10 -@import "_info-list";  
11 -@import "_info";  
12 -@import "_tvls"; 10 +@import "info-list";
  11 +@import "info";
  12 +@import "tvls";
1 -@import "../common/filter";  
2 -@import "../common/good";  
3 -@import "../common/loading";  
4 -@import "../common/suspend-home";  
5 -@import "_detail";  
6 -@import "_tvls";  
7 -@import "../channel/side-nav"; 1 +@import "common/filter";
  2 +@import "common/good";
  3 +@import "common/loading";
  4 +@import "common/suspend-home";
  5 +@import "detail";
  6 +@import "tvls";
  7 +@import "channel/side-nav";
1 -@import "../../layout/swiper";  
2 -@import "../../channel/banner-top";  
3 -@import "../../common/good"; 1 +@import "layout/swiper";
  2 +@import "channel/banner-top";
  3 +@import "common/good";
4 @import './index'; 4 @import './index';
1 1
2 -@import "../common/good";  
3 -@import '../channel/floor-header'; 2 +@import "common/good";
  3 +@import 'channel/floor-header';
4 @import './info'; 4 @import './info';
5 @import './tvls'; 5 @import './tvls';
6 @import './plus-star'; 6 @import './plus-star';
1 -@import "../layout/swiper"; 1 +@import "layout/swiper";
2 @import './plus-star'; 2 @import './plus-star';
3 3
1 @import "fav"; 1 @import "fav";
2 -@import "../layout/swiper"; 2 +@import "layout/swiper";
3 3
4 .yoho-favorite-page { 4 .yoho-favorite-page {
5 width: 100%; 5 width: 100%;
1 -@import "_address"; 1 +@import "address";
1 -@import "../channel/maybe-like";  
2 -@import "../common/index"; 1 +@import "channel/maybe-like";
  2 +@import "common/index";
3 @import "coin/yoho-coin-new"; 3 @import "coin/yoho-coin-new";
1 1
2 @import "home"; 2 @import "home";
3 -@import "../product/detail/recommend-for-you";  
4 -@import "../common/good";  
5 -@import "../channel/footer-tab"; 3 +@import "product/detail/recommend-for-you";
  4 +@import "common/good";
  5 +@import "channel/footer-tab";
1 -@import "../layout/swiper"; 1 +@import "layout/swiper";
2 @import "order"; 2 @import "order";
3 @import "order-detail"; 3 @import "order-detail";
1 @import 'order'; 1 @import 'order';
2 -@import '../layout/swiper'; 2 +@import 'layout/swiper';
1 -@import '../common/dialog'; 1 +@import 'common/dialog';
2 @import './browse-record'; 2 @import './browse-record';
@@ -3,9 +3,9 @@ @@ -3,9 +3,9 @@
3 @import "product-description"; 3 @import "product-description";
4 @import "recommend-for-you"; 4 @import "recommend-for-you";
5 @import "brand-coupon"; 5 @import "brand-coupon";
6 -@import "../../layout/swiper";  
7 -@import "../../channel/banner-top";  
8 -@import "../../common/good";  
9 -@import "../../cart/chose-panel";  
10 -@import "../../common/suspend-home"; 6 +@import "layout/swiper";
  7 +@import "channel/banner-top";
  8 +@import "common/good";
  9 +@import "cart/chose-panel";
  10 +@import "common/suspend-home";
11 @import "bundle"; 11 @import "bundle";
@@ -3,9 +3,9 @@ @@ -3,9 +3,9 @@
3 @import "product-description"; 3 @import "product-description";
4 @import "recommend-for-you"; 4 @import "recommend-for-you";
5 @import "brand-coupon"; 5 @import "brand-coupon";
6 -@import "../../layout/swiper";  
7 -@import "../../channel/banner-top";  
8 -@import "../../common/good";  
9 -@import "../../cart/chose-panel";  
10 -@import "../../common/suspend-home"; 6 +@import "layout/swiper";
  7 +@import "channel/banner-top";
  8 +@import "common/good";
  9 +@import "cart/chose-panel";
  10 +@import "common/suspend-home";
11 @import "bundle"; 11 @import "bundle";
1 /* 新品到着 css */ 1 /* 新品到着 css */
2 2
3 -@import '../layout/panel';  
4 -@import '../layout/swiper';  
5 -@import '../layout/yo-loading';  
6 -@import '../common/filter';  
7 -@import '../common/good'; 3 +@import 'layout/panel';
  4 +@import 'layout/swiper';
  5 +@import 'layout/yo-loading';
  6 +@import 'common/filter';
  7 +@import 'common/good';
8 @import 'new/recommend'; 8 @import 'new/recommend';
9 @import 'new/handlepick'; 9 @import 'new/handlepick';
10 @import 'new/good-tags'; 10 @import 'new/good-tags';
1 -@import '../layout/panel'; 1 +@import 'layout/panel';
2 @import 'new/recommend'; 2 @import 'new/recommend';
3 3
4 .main-wrap { 4 .main-wrap {
1 @import "nav"; 1 @import "nav";
2 @import "left-right"; 2 @import "left-right";
3 @import "activity"; 3 @import "activity";
4 -@import "../../layout/swiper";  
5 -@import "../../channel/banner-top";  
6 -@import "../../channel/hot-category";  
7 -@import "../../channel/icons-enter";  
8 -@import "../../channel/banner-center";  
9 -@import "../../channel/thumb-row";  
10 -@import "../../channel/left-right";  
11 -@import "../../channel/hot-brands";  
12 -@import "../../channel/trendsetter-collocation";  
13 -@import "../../channel/goods-category";  
14 -@import "../../channel/creative-life";  
15 -@import "../../channel/plus-star";  
16 -@import "../../channel/floor-header";  
17 -@import "../../common/good"; 4 +@import "layout/swiper";
  5 +@import "channel/banner-top";
  6 +@import "channel/hot-category";
  7 +@import "channel/icons-enter";
  8 +@import "channel/banner-center";
  9 +@import "channel/thumb-row";
  10 +@import "channel/left-right";
  11 +@import "channel/hot-brands";
  12 +@import "channel/trendsetter-collocation";
  13 +@import "channel/goods-category";
  14 +@import "channel/creative-life";
  15 +@import "channel/plus-star";
  16 +@import "channel/floor-header";
  17 +@import "common/good";
18 18
19 .outlet-page { 19 .outlet-page {
20 .good-tag, 20 .good-tag,
1 1
2 @import "activity"; 2 @import "activity";
3 -@import "../../common/good";  
4 -@import "../../common/filter"; 3 +@import "common/good";
  4 +@import "common/filter";
5 @import "../sale/goods-list"; 5 @import "../sale/goods-list";
6 6
7 7
1 @import "goods-list"; 1 @import "goods-list";
2 @import "sale"; 2 @import "sale";
3 @import "layout/swiper"; 3 @import "layout/swiper";
4 -@import "../../channel/banner-top";  
5 -@import "../../channel/floor-header";  
6 -@import "../../channel/discount-list";  
7 -@import "../../channel/thumb-row";  
8 -@import "../../common/good";  
9 -@import "../../common/filter"; 4 +@import "channel/banner-top";
  5 +@import "channel/floor-header";
  6 +@import "channel/discount-list";
  7 +@import "channel/thumb-row";
  8 +@import "common/good";
  9 +@import "common/filter";
10 10
11 .banner-swiper { 11 .banner-swiper {
12 ul { 12 ul {
1 @import "break-code"; 1 @import "break-code";
2 @import "goods-list"; 2 @import "goods-list";
3 -@import "../../layout/swiper";  
4 -@import "../../channel/banner-top";  
5 -@import "../../channel/floor-header";  
6 -@import "../../common/good";  
7 -@import "../../common/filter"; 3 +@import "layout/swiper";
  4 +@import "channel/banner-top";
  5 +@import "channel/floor-header";
  6 +@import "common/good";
  7 +@import "common/filter";
1 @import "goods-list"; 1 @import "goods-list";
2 @import "sale"; 2 @import "sale";
3 @import "discount-detail"; 3 @import "discount-detail";
4 -@import "../../layout/swiper";  
5 -@import "../../channel/banner-top";  
6 -@import "../../channel/floor-header";  
7 -@import "../../common/good";  
8 -@import "../../common/filter"; 4 +@import "layout/swiper";
  5 +@import "channel/banner-top";
  6 +@import "channel/floor-header";
  7 +@import "common/good";
  8 +@import "common/filter";
1 @import "discount"; 1 @import "discount";
2 -@import "../../channel/floor-header";  
3 -@import "../../channel/discount-list";  
  2 +@import "channel/floor-header";
  3 +@import "channel/discount-list";
1 @import "goods-list"; 1 @import "goods-list";
2 -@import "../../layout/swiper";  
3 -@import "../../channel/banner-top";  
4 -@import "../../channel/floor-header";  
5 -@import "../../common/good";  
6 -@import "../../common/filter"; 2 +@import "layout/swiper";
  3 +@import "channel/banner-top";
  4 +@import "channel/floor-header";
  5 +@import "common/good";
  6 +@import "common/filter";
1 -@import "../../channel/banner-top";  
2 -@import "../../common/good";  
3 -@import "../../common/filter";  
4 -@import "../../common/suspend-home"; 1 +@import "channel/banner-top";
  2 +@import "common/good";
  3 +@import "common/filter";
  4 +@import "common/suspend-home";
5 @import "search"; 5 @import "search";
6 @import "list"; 6 @import "list";
7 @import "search-index"; 7 @import "search-index";
1 @charset "utf-8"; 1 @charset "utf-8";
2 2
3 -@import "../../layout/tab"; 3 +@import "layout/tab";
4 @import "shop-index-coupon"; 4 @import "shop-index-coupon";
5 @import "reds-shop/header"; 5 @import "reds-shop/header";
6 @import "reds-shop/nav-tab"; 6 @import "reds-shop/nav-tab";
1 @charset "utf-8"; 1 @charset "utf-8";
2 2
3 /* base */ 3 /* base */
4 -@import "../../layout/loading";  
5 -@import "../../layout/swiper"; 4 +@import "layout/loading";
  5 +@import "layout/swiper";
6 6
7 /* page */ 7 /* page */
8 /* @import "channel/index"; */ 8 /* @import "channel/index"; */
9 -@import "../../channel/banner-top";  
10 -@import "../../channel/floor-header";  
11 -@import "../../channel/search"; 9 +@import "channel/banner-top";
  10 +@import "channel/floor-header";
  11 +@import "channel/search";
12 12
13 -@import "../../common/index"; 13 +@import "common/index";
14 14
15 /* @import "product/index"; */ 15 /* @import "product/index"; */
16 @import "../search/search"; 16 @import "../search/search";
@@ -20,4 +20,4 @@ @@ -20,4 +20,4 @@
20 @import "../shop/shop-prodfile"; 20 @import "../shop/shop-prodfile";
21 @import "../shop/product-category"; 21 @import "../shop/product-category";
22 @import "../shop/shop-index-coupon"; 22 @import "../shop/shop-index-coupon";
23 -@import "../../home/hot-category"; 23 +@import "home/hot-category";
1 /* -------------------------------------- *\ 1 /* -------------------------------------- *\
2 帮助与反馈: 在线客服 2 帮助与反馈: 在线客服
3 \* -------------------------------------- */ 3 \* -------------------------------------- */
4 -@import "../home/order"; 4 +@import "home/order";
5 @import "chat/layout"; 5 @import "chat/layout";
6 @import "chat/chat"; 6 @import "chat/chat";
7 @import "chat/message"; 7 @import "chat/message";