|
@@ -181,49 +181,67 @@ $spac-map: (
|
|
|
);
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
-// 循环 $p-spac除以 $j
|
|
|
|
|
|
|
+// 循环 $p-spac $j
|
|
|
@for $j from 1 to 5 {
|
|
@for $j from 1 to 5 {
|
|
|
|
|
+ // 除以 $j
|
|
|
$suffix: if($j ==1, '', 'd' + $j);
|
|
$suffix: if($j ==1, '', 'd' + $j);
|
|
|
|
|
+ // 乘以 $j
|
|
|
$suffixm: if($j ==1, '', 'm' + $j);
|
|
$suffixm: if($j ==1, '', 'm' + $j);
|
|
|
|
|
|
|
|
|
|
+ // margin $p-spac除数
|
|
|
.m-spac#{$suffix} {
|
|
.m-spac#{$suffix} {
|
|
|
margin:calc($p-spac / #{$j});
|
|
margin:calc($p-spac / #{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // margin $p-spac除数 负值
|
|
|
.nm-spac#{$suffix} {
|
|
.nm-spac#{$suffix} {
|
|
|
margin:calc($p-spac / -#{$j});
|
|
margin:calc($p-spac / -#{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // padding $p-spac除数
|
|
|
.p-spac#{$suffix} {
|
|
.p-spac#{$suffix} {
|
|
|
padding:calc($p-spac / #{$j});
|
|
padding:calc($p-spac / #{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // padding $p-spac倍数
|
|
|
|
|
+ .p-spac#{$suffixm} {
|
|
|
|
|
+ padding:calc($p-spac * #{$j});
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
//循环$spac-map
|
|
//循环$spac-map
|
|
|
@for $i from 0 to 4 {
|
|
@for $i from 0 to 4 {
|
|
|
$t: map-get($spac-map, $i);
|
|
$t: map-get($spac-map, $i);
|
|
|
|
|
|
|
|
|
|
+ // 4方向 $p-spac除数
|
|
|
.#{map-get($t,0)}-spac#{ $suffix} {
|
|
.#{map-get($t,0)}-spac#{ $suffix} {
|
|
|
#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .m#{map-get($t,0)}-spac#{ $suffix} {
|
|
|
|
|
- margin-#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
|
|
+ // margin 4方向 $p-spac倍数
|
|
|
.m#{map-get($t,0)}-spac#{ $suffixm} {
|
|
.m#{map-get($t,0)}-spac#{ $suffixm} {
|
|
|
margin-#{map-get($t,1)}: calc($p-spac * #{$j});
|
|
margin-#{map-get($t,1)}: calc($p-spac * #{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // margin 4方向 $p-spac除数
|
|
|
|
|
+ .m#{map-get($t,0)}-spac#{ $suffix} {
|
|
|
|
|
+ margin-#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ // margin 4方向 $p-spac除数 负值
|
|
|
.nm#{map-get($t,0)}-spac#{ $suffix} {
|
|
.nm#{map-get($t,0)}-spac#{ $suffix} {
|
|
|
margin-#{map-get($t,1)}: calc($p-spac / -#{$j});
|
|
margin-#{map-get($t,1)}: calc($p-spac / -#{$j});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ // padding 4方向 $p-spac除数
|
|
|
.p#{map-get($t,0)}-spac#{ $suffix} {
|
|
.p#{map-get($t,0)}-spac#{ $suffix} {
|
|
|
padding-#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
padding-#{map-get($t,1)}: calc($p-spac / #{$j});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.bg-color {
|
|
|
|
|
+ background-color: $bg-color;
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
.tag-rb {
|
|
.tag-rb {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -391,6 +409,14 @@ image {
|
|
|
border-bottom: solid $border-color 1rpx;
|
|
border-bottom: solid $border-color 1rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.left-line {
|
|
|
|
|
+ border-left: solid $border-color 1rpx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.right-line {
|
|
|
|
|
+ border-right: solid $border-color 1rpx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.money-bg {
|
|
.money-bg {
|
|
|
background-color: rgba($p-price-color, 0.1);
|
|
background-color: rgba($p-price-color, 0.1);
|
|
|
}
|
|
}
|