|
|
├─第1章 monoreop工作区配置& {0 ^6 t, r* {+ B5 I( c
│ 第01节.mp4
. C2 V, [% q. A* c│ 第02节 monorepo 建立工作区.mp4
3 M, K; V. U% D- S5 s" O│ 第03节 构建演示项目.mp4. y. Y& I' V- |* R' E
│ 第04节 构建button组件目.mp4. ]& L0 H! s8 }7 B* n- Q
│ 第05节 全局注册、按需加载.mp4
) i" C+ l0 U2 k0 a: o7 h│
/ y' f6 ^( b i+ S) J├─第2章 sass规范组件库UI样式
3 Q4 k5 b u# F+ l! a│ 第07节 css 组件元素规范.mp4( ?8 K$ U' [' t# p5 y. a1 J
│ 第08节 css 组件CSS的命名规范.mp4
6 g0 K+ e* O6 m( ]- M e│ 第09节 css 定义命名空间.mp4, K: Q9 I" s4 R$ y8 W! e" n
│ 第10节 sass 定义block命间.mp42 Z& T+ Q3 n8 t+ D4 f
│ 第11节 sass 定义子元素element命名.mp4
/ W/ q) L. \6 ]: ]│ 第12节 sass 定义modifier以及modifierValue的属性.mp4) U4 i9 @1 G" Y3 K
│ 第13节 sass 定义is方法生成禁用类名.mp4$ l4 @9 Q' Y8 i* u
│ 第14节 css组件为主题包定义.mp49 w" r n% E7 _5 W
│
% _" a$ Z9 p; m6 a5 L├─第3章 button组件基本开发
; J+ e; V- y' q- g; g* R│ 第15节 button组件基础渲染.mp4
- w) F% H7 ]( l0 {, ~& G│ 第16节 button组件theme主题渲染.mp4
3 p4 R0 S' x0 c) I9 u5 |- c( o│ 第17节 button组件round圆角.mp45 w/ U+ g: x, _) k2 P$ \) v
│ 第18节 button组件disabled禁用.mp4+ K, X2 t' }" w' f+ b
│ 第19节 button组件hover属性.mp4& H4 g, @( N9 D+ I7 x. U
│ 第20节 button组件text属性.mp40 K# W! F+ U6 \. _% p
│ 第21节 button组件link链接属性.mp4: H! K: @ H' F5 F0 r* C) Z4 x: L
│ 第22节 button组件block块级属性.mp46 D; v6 p) a, W3 I
│ 第23节 button组件border属性.mp4
4 ]4 u: A: _% u│ 第24节 button组件size属性.mp4
/ P9 |4 ]" `8 C- J+ K8 [; ~! n│ 第25节 button组件circle圆形.mp4' P9 [5 t( {3 ?" d. g2 v) }
│ 第26节 button组件icon图标.mp4, h: o0 [ R5 V: e
│ 第27节 button组件loading加载.mp4
* U' T- I7 A0 b0 x' \6 r│ 第28节 button组件loading业务加载.mp4# V p, E; K! N9 j$ p, ?
│ 第29节 button组件click单击事件.mp4" Y7 Q5 z7 o* y1 s1 C' n y& o" ~
│ 第30节 button组件slot插槽.mp4 H7 W9 E# {9 m
│ 第31节 buttonGroup组件.mp4( X, v: U- E* a# {6 u, R7 ~
│ 第32节 buttonGroup组件样式.mp48 \0 z% ?+ m+ I% ^
│ 第33节 buttonGroup属性优先级.mp4
% a- U% w% }/ p3 v% ]; \, S( \│- S+ l( s. x% L0 V! k/ z( F
├─第4章 sass定义组件库样式变量3 F* c: r" }" @0 V
│ 第34节 sass - deepMarge定义主题色.mp4$ j) ^- }' Q+ Z: V
│ 第35节 sass - 层次色生成原理.mp4
' A, e8 y9 G% e5 N* d│ 第36节 sass - @each @for @include生成层色.mp4
$ v' Q9 y7 {+ M( Z" ~, K: V' H│ 第37节 sass - 其他属性的定义.mp4- l! q9 k( Z- V$ B$ |
│ 第38节 root - 了解基本用法.mp4/ u$ ^& \ `3 T0 {1 ?
│ 第39节 sass - 定义变量前缀.mp4
6 c/ O+ R& W3 r" \7 }8 ^│ 第40节 sass - 生成主题色变量属性.mp4* G0 f+ w: k( I6 C6 p$ F' ]
│ 第41节 sass - 生成层次色变量属性.mp4 W+ m' p+ t; [8 S
│ 第42节 sass - 变量名称的使用.mp4
4 n5 B2 _1 N* \( S( Z& V9 a│ 第43节 sass - 生成全局变量属性.mp4: ~3 Y) i* S5 Y( Z/ J {
│* u [9 \9 _4 ^
├─第5章 button组件应用sass变量
. [2 a: q2 B3 S/ H9 F0 d│ 第44节 组件可变化的属性.mp45 _( E4 k0 ?/ d: n
│ 第45节 定义button组件的私有变量.mp4$ H* W. [2 H9 j* _) S6 g$ r
│ 第46节 生成button组件的私有变量.mp4. W- R) u, K1 u, c
│ 第47节 button组件绑定变量.mp4
; I, S' ] P8 x6 ~" ?, c│ 第48节 button组件生成主题色变量.mp4- J+ E: y* ?0 \
│ 第49节 button组件绑定主题色变量.mp4: s f$ j+ C3 X9 C: J/ L/ L
│ 第50节 button组件绑定size尺寸变量.mp4$ ~9 B& A4 x3 Q$ C3 E$ X
│ 第51节 button组件绑定fontSize文本尺寸变量.mp4
# b" n3 G, p$ M2 ^│ 第52节 button组件绑定disabled禁用属性变量.mp4
* x" K7 [5 T2 X# I0 J│ 第53节 button组件绑定link链接按钮变量.mp4 k6 I0 X7 m W& }& G& H6 h
│ 第54节 button组件绑定text文本属性变量.mp4
' _7 H# }# d) I2 H; X7 U1 h/ l" f, @. w% L│" a! v; i8 i. R7 v
├─第6章 bem规则生成类名
( X/ [5 X7 Q: |, Z* @│ 第55节 bem规则生成类名的概念.mp4
8 V- v! l u9 N6 `8 Z6 G% ?" `& g│ 第56节 bem规则生成块元素类名.mp41 Y6 M k5 J" P8 Y: r1 X4 u2 v
│ 第57节 bem规则生成element子块元素类名.mp40 L, B4 ~6 E, P4 A, u, a
│ 第58节 bem规则生成modifier修改属性类名.mp4
7 a, m& f: k* ^5 J# g: Y│ 第59节 bem规则生成state状态类名.mp4( v8 k8 [/ V1 |6 T
│
% ?" d2 }# s. H% ^- w+ E└─源码 + 课件.zip
- _7 C# ]) a3 _/ T3 u0 s9 S/ H# K8 Z3 N3 Q7 }7 ]$ ]- S! a% u
# w9 ~7 Y, ^, V* P I下载地址:cli^*^2025: A% b# M. j2 K3 m F
. O7 p* S& i! L
- R# u& }+ L7 ]7 c9 \资源网盘下载地址和密码: 百度网盘信息回帖可见( M2 Z; H9 B _6 h+ c
6 d! {; b6 p+ X, @8 L% A+ E
7 T% E$ U1 G8 W0 Q4 @- U+ u/ ?7 H$ P8 ^& V4 `
本资源由IT视频教程网收集整理【www.itspjc.com】 |
|