create-fesd-app 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/assets/css/layouts/article4/_article4_2.0.sass +208 -102
- package/src/assets/css/layouts/article4/_article4_2.0/346/213/267/350/262/235.sass +989 -0
- package/src/assets/css/layouts/article4/_article4_setting.sass +11 -9
- package/src/assets/css/pages/about.sass +16 -0
- package/src/assets/js/commons/inits.js +2 -1
- package/src/layouts/article4/_article.pug +9 -11
- package/src/pages/about.pug +2835 -75
|
@@ -29,7 +29,7 @@ $article-gap: 100px
|
|
|
29
29
|
$article-gap_rwd: 80px
|
|
30
30
|
|
|
31
31
|
// ._H 與其他物件之間的距離
|
|
32
|
-
$H-gap:
|
|
32
|
+
$H-gap: 20px
|
|
33
33
|
$H-gap_rwd: 15px
|
|
34
34
|
|
|
35
35
|
// ._subH 與其他物件之間的距離
|
|
@@ -40,8 +40,8 @@ $subH-gap_rwd: 15px
|
|
|
40
40
|
$text-LR-gap: 40px
|
|
41
41
|
|
|
42
42
|
// 文字 padding
|
|
43
|
-
$text-padding:
|
|
44
|
-
$text-padding_rwd:
|
|
43
|
+
$text-padding: 0px
|
|
44
|
+
$text-padding_rwd: 0px
|
|
45
45
|
|
|
46
46
|
// 按鈕與其他物件之間的距離
|
|
47
47
|
$button-cover-gap: 30px
|
|
@@ -63,11 +63,11 @@ $img-cover-LR-gap: 30px
|
|
|
63
63
|
$img-cover-LR-gap_rwd: 0px
|
|
64
64
|
|
|
65
65
|
// 影像與其他物件上下間的距離
|
|
66
|
-
$img-cover-TB-gap:
|
|
67
|
-
$img-cover-TB-gap_rwd:
|
|
66
|
+
$img-cover-TB-gap: 30px
|
|
67
|
+
$img-cover-TB-gap_rwd: 20px
|
|
68
68
|
|
|
69
69
|
// 文繞圖修正
|
|
70
|
-
$wrapping-gap:
|
|
70
|
+
$wrapping-gap: 50px
|
|
71
71
|
|
|
72
72
|
// typeFull 段落 padding
|
|
73
73
|
$typeFull-padding: 120px 40px 115px
|
|
@@ -264,8 +264,10 @@ $quote-TB-gap: 20px
|
|
|
264
264
|
|
|
265
265
|
// swiper 結構
|
|
266
266
|
%swiper_pagination
|
|
267
|
-
// margin: calc(#{$pagination-TB-gap} - #{$cover-TB-gap}) 0
|
|
268
|
-
margin: $pagination-TB-gap
|
|
267
|
+
// margin: calc(#{$pagination-TB-gap} - #{$cover-TB-gap}) 0 $pagination-TB-gap
|
|
268
|
+
// margin: 0 0 $pagination-TB-gap
|
|
269
|
+
margin: 0 0 $cover-TB-gap
|
|
270
|
+
// margin: $pagination-TB-gap 0 0
|
|
269
271
|
display: block
|
|
270
272
|
position: relative
|
|
271
273
|
top: auto
|
|
@@ -273,7 +275,7 @@ $quote-TB-gap: 20px
|
|
|
273
275
|
left: auto
|
|
274
276
|
right: auto
|
|
275
277
|
+rwdmax($basic_rwd)
|
|
276
|
-
margin: $
|
|
278
|
+
margin: 0 0 $cover-TB-gap_rwd
|
|
277
279
|
|
|
278
280
|
%swiper_pagination_bullet
|
|
279
281
|
margin: 0 10px
|
|
@@ -141,6 +141,22 @@
|
|
|
141
141
|
transform: scale(0.75)
|
|
142
142
|
&.show
|
|
143
143
|
animation: zoomIn 0.25s linear forwards
|
|
144
|
+
.title
|
|
145
|
+
padding-left: 20px
|
|
146
|
+
margin-bottom: 30px
|
|
147
|
+
display: flex
|
|
148
|
+
align-items: center
|
|
149
|
+
position: relative
|
|
150
|
+
font-size: px(30)
|
|
151
|
+
font-weight: 800
|
|
152
|
+
&:before
|
|
153
|
+
display: block
|
|
154
|
+
background: #3e84cf
|
|
155
|
+
width: 8px
|
|
156
|
+
height: 36px
|
|
157
|
+
position: absolute
|
|
158
|
+
left: 0
|
|
159
|
+
content: ''
|
|
144
160
|
&.section2
|
|
145
161
|
.container
|
|
146
162
|
min-height: 50vh
|
|
@@ -9,12 +9,12 @@ mixin article(data, HTag='h4', subHTag='h5')
|
|
|
9
9
|
._contentWrap
|
|
10
10
|
if isComplex && data.H
|
|
11
11
|
+dynamicHeading(HTag , '_H', data.H)
|
|
12
|
-
+backgroundWrap(data.backgroundPC, data.backgroundMobile)
|
|
12
|
+
+backgroundWrap(data.backgroundColor, data.backgroundPC, data.backgroundMobile)
|
|
13
13
|
+imgSwiperBlock(data.SwiperImg)
|
|
14
14
|
+imgCoverBlock(data.img)
|
|
15
15
|
+wordBlock(data, isComplex, HTag, subHTag)
|
|
16
16
|
+quoteBlock(data)
|
|
17
|
-
+tableBlock(
|
|
17
|
+
+tableBlock(data, data.tableData, HTag)
|
|
18
18
|
if block
|
|
19
19
|
block
|
|
20
20
|
|
|
@@ -41,8 +41,8 @@ mixin dynamicHeading(tag, className, content)
|
|
|
41
41
|
//- ========================
|
|
42
42
|
//- mixin: backgroundWrap
|
|
43
43
|
//- ========================
|
|
44
|
-
mixin backgroundWrap(backgroundPC, backgroundMobile)
|
|
45
|
-
if backgroundPC || backgroundMobile
|
|
44
|
+
mixin backgroundWrap(backgroundColor, backgroundPC, backgroundMobile)
|
|
45
|
+
if backgroundPC || backgroundMobile || backgroundColor
|
|
46
46
|
._backgroundWrap
|
|
47
47
|
if backgroundPC
|
|
48
48
|
._pc(style=`background-image: url(${backgroundPC})`)
|
|
@@ -125,14 +125,12 @@ mixin quoteBlock(d)
|
|
|
125
125
|
//- mixin: tableBlock
|
|
126
126
|
//- ========================
|
|
127
127
|
mixin tableBlock(d,tableData)
|
|
128
|
-
if
|
|
129
|
-
if tableData.H
|
|
130
|
-
+dynamicHeading(HTag, '_H', tableData.H)
|
|
128
|
+
if d.articleType === 'typeTable'
|
|
131
129
|
._tableCover
|
|
132
130
|
p._tipText
|
|
133
131
|
i.icon-drag
|
|
134
|
-
span !{tableData.tipText ? tableData.tipText : '左右托拉查看表格資訊'}
|
|
135
|
-
if tableData.table
|
|
132
|
+
span !{tableData && tableData.tipText ? tableData.tipText : '左右托拉查看表格資訊'}
|
|
133
|
+
if tableData && tableData.table
|
|
136
134
|
._table
|
|
137
135
|
table
|
|
138
136
|
thead
|
|
@@ -150,5 +148,5 @@ mixin tableBlock(d,tableData)
|
|
|
150
148
|
else if block
|
|
151
149
|
._table
|
|
152
150
|
block
|
|
153
|
-
.
|
|
154
|
-
|
|
151
|
+
if tableData && tableData.description
|
|
152
|
+
._description !{tableData.description}
|