t ¡ Á á u ® à · 2016-12-23 · alibaba international ued b2b ¦ ^ ±- 5 ¦ ^ þ c alibaba...
TRANSCRIPT
![Page 1: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/1.jpg)
B2B -Alibaba International UED Alibaba International UED
B2B
![Page 2: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/2.jpg)
B2B -Alibaba International UED Alibaba International UED
DPL UI
B2B - -
Fusion PM
![Page 3: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/3.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 4: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/4.jpg)
![Page 5: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/5.jpg)
Fusion
![Page 6: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/6.jpg)
B2B -Alibaba International UED Alibaba International UED
— —
![Page 7: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/7.jpg)
B2B -Alibaba International UED Alibaba International UED
A
•
•
•
• UI
DPL
common style
biz style(s)
common.css
common style
common DPL
biz style
biz DPL(s)
Bootstrap
??
![Page 8: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/8.jpg)
B2B -Alibaba International UED Alibaba International UED
B
A B A B
banner
4px 6px...
#39B54A
UI
![Page 9: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/9.jpg)
B2B -Alibaba International UED Alibaba International UED
DPL
UI
![Page 10: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/10.jpg)
B2B -Alibaba International UED Alibaba International UED
— —
![Page 11: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/11.jpg)
B2B -Alibaba International UED Alibaba International UED
SVG
A B C
Fusion
DPL
DPL
DPL
+
PC H5
React+ UI
![Page 12: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/12.jpg)
B2B -Alibaba International UED Alibaba International UED
— - —
![Page 13: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/13.jpg)
B2B -Alibaba International UED Alibaba International UED
-
Buttonfont Center 4dp
color
line
shadow
font
corner
Grid
Space
Align
![Page 14: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/14.jpg)
B2B -Alibaba International UED Alibaba International UED
-
• Layout• Frame• Grid• Space• Align• Responsive
space
button
step
checkbox√
range
dialog
pagenation2/3 ><
menumenu
menumenu
button
button
menumenu
icon
color
line
shadowfont
corner
Grid
Space
AlignButton
color
line
shadow
font
corner
button
![Page 15: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/15.jpg)
B2B -Alibaba International UED Alibaba International UED
Body1
Line
Color
Angle
shadow
Effect
Contact Supplier
![Page 16: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/16.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact SupplierContact Supplier
![Page 17: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/17.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
![Page 18: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/18.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
![Page 19: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/19.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
![Page 20: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/20.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
![Page 21: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/21.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
![Page 22: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/22.jpg)
B2B -Alibaba International UED Alibaba International UED
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
S3
S3
![Page 23: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/23.jpg)
B2B -Alibaba International UED Alibaba International UED
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
Contact Supplier
S3
S3
![Page 24: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/24.jpg)
B2B -Alibaba International UED Alibaba International UED
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
S3
S3
Contact Supplier
![Page 25: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/25.jpg)
B2B -Alibaba International UED Alibaba International UED
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
Contact Supplier
2014 Wishmade New Laser Cut Card for the red computer
US $13.46~25.44
Contact Supplier
![Page 26: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/26.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 27: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/27.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 28: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/28.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 29: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/29.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 30: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/30.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 31: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/31.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 32: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/32.jpg)
— - —
![Page 33: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/33.jpg)
B2B -Alibaba International UED Alibaba International UED
DPL
+ = UI Fusion UI
UI UI
![Page 34: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/34.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 35: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/35.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 36: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/36.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 37: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/37.jpg)
B2B -Alibaba International UED Alibaba International UED
Button
![Page 38: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/38.jpg)
B2B -Alibaba International UED Alibaba International UED
Levelprimarynormal
secondary
Sizesmall
mediumlarge
TypeButton
SplitButtonGroupButton
Statenormalhoverclick
disabled
PartBounding
IconText
WidthHeight
ColorBackground
Shadow
Corner
FontSize
Button Button
![Page 39: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/39.jpg)
B2B -Alibaba International UED Alibaba International UED
UIButtonSize Corner ColorShadow
$btn-primary-bg:$color-b1-6;
$btn-split-padding-small:$btn-padding-small;
Sizesmall
mediumlarge
WidthHeight
$colorb16
ColorBackground
$corner$btn-corner
$dialog-corner
Corner
![Page 40: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/40.jpg)
B2B -Alibaba International UED Alibaba International UED
UI
$color-b1-6$corner-radius-base$shadow-elevation-sd1
$line1$font-base$size-base
$btn-primary-color-bg$btn-border-color
$btn-primary-font-color$btn-shadow
$btn-size-font-small$btn-size-padding
$btn-cornerButton
![Page 41: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/41.jpg)
B2B -Alibaba International UED Alibaba International UED
DPL DPL
![Page 42: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/42.jpg)
B2B -Alibaba International UED Alibaba International UED
UI
++
unchanged
changed
DPL
Lifecycle / Props
Status
![Page 43: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/43.jpg)
— —
![Page 44: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/44.jpg)
B2B -Alibaba International UED Alibaba International UED
UI
Mixins
Variables
ThemeDemo
Index.scss
+
theme.jsxSize State Others
widthheight
colorshadow
transform
+
![Page 45: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/45.jpg)
B2B -Alibaba International UED Alibaba International UED
UI
![Page 46: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/46.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 47: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/47.jpg)
B2B -Alibaba International UED Alibaba International UED
sketch
SCSS
![Page 48: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/48.jpg)
B2B -Alibaba International UED Alibaba International UED
normal
hover
disabled
Button 28dp
Button
Button
Button
Button
Button ButtonButton
Button
Button Button Button
L M S
with icon
normal
hover
disabled
Button
Button
Button
Button
Button
Button
Button Button Button
L M S
normal
hover
disabled
Button
Button
Button
L
normal
hover
disabled
L
with icon
![Page 49: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/49.jpg)
![Page 50: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/50.jpg)
B2B -Alibaba International UED Alibaba International UED
///text///@namespacestatement/normal$input-single-color:$color-n2-4!default;///text///@namespacestatement/hint$input-single-color-hint:$color-n2-2!default;///text///@namespacestatement/disabled$input-single-color-disabled:$color-n2-1!default;///border///@namespacestatement/normal$input-single-color-border:$color-n1-7!default;///border///@namespacestatement/hover$input-single-color-border-hover:$color-n1-8!default;///border///@namespacestatement/focus$input-single-color-border-focus:$color-b2-6!default;
export
SCSS
![Page 51: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/51.jpg)
B2B -Alibaba International UED Alibaba International UED
Sketch
Sketch
![Page 52: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/52.jpg)
B2B -Alibaba International UED Alibaba International UED
![Page 53: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/53.jpg)
B2B -Alibaba International UED Alibaba International UED
SVGDOM
DOM - SVG
![Page 54: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/54.jpg)
B2B -Alibaba International UED Alibaba International UED
DOM - SVG
SVGDOM
CSS +CSS
Sketch
XML Strings95%+
![Page 55: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/55.jpg)
— —
![Page 56: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/56.jpg)
Alibaba International UED
DPL
DPL
Next 41+ Mext 41+ DPL FusionUX FusionConfig DPL FusionDev FusionConfig
FusionCool FusionVector FusionConfig FusionIssue
40+ 40+
10 100+
Web组件 ⽆线组件
业务线 项⺫
80%+ 15k+单测覆盖率 Downloads
40% - 50% Fusion
![Page 57: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/57.jpg)
B2B -Alibaba International UED Alibaba International UED
&
![Page 58: t ¡ Á á U ® à · 2016-12-23 · Alibaba International UED B2B ¦ ^ ±- 5 ¦ ^ þ c Alibaba International UED 2014 Wishmade New Laser Cut Card for the red computer US $13.46~25.44](https://reader034.vdocuments.pub/reader034/viewer/2022050206/5f597dcd940d3d5c9a542d53/html5/thumbnails/58.jpg)
B2B -Alibaba International UED Alibaba International UED