布局类
基本都了解,就不做详细叙述了。
1.1.TYKJ-宽高布局
tykj-w–auto
tykj-w–full
tykj-w–stretch
tykj-h–full
1.2.TYKJ-边距布局
tykj-p–2xs
tykj-p–xs
tykj-p–s
tykj-p–m
tykj-p–l
tykj-p–xl
tykj-p–2xl
tykj-px–s
tykj-py–s
tykj-py–m
tykj-py–xl
tykj-py–2xl
tykj-py–3xl
1.3.TYKJ-圆角布局
tykj-radius–m
1.4.TYKJ-Grid布局
tykj-grid–631
tykj-grid–531
tykj-grid–442
tykj-grid–432
tykj-grid–421
tykj-grid–331
tykj-grid–211
tykj-grid–111
tykj-grid–fit-4-280
tykj-grid–fit-3-380
tykj-grid–fit-2-560
tykj-grid–auto-rows-1fr
1.5.TYKJ-Flex布局
tykj-flex–xcenter-ycenter
tykj-flex–xbetween-ycenter
tykj-flex–xstart-ycenter
tykj-flex–ycenter-xcenter
tykj-flex–ycenter-xstart
tykj-flex–ycenter-xend
tykj-flex–ybetween-xcenter
tykj-flex–ystart-xcenter
tykj-flex–row-010
1.6.TYKJ-Gap布局
tykj-gap–2xs
tykj-gap–xs
tykj-gap–s
tykj-gap–m
tykj-gap–l
tykj-gap–xl
tykj-gap–2xl
tykj-gap–3xl
小组件类
基本都了解,就不做详细叙述了。
2.1.TYKJ-文字样式
tykj-link-underline-fltr
tykj-u-line–1
tykj-u-line–2
tykj-u-line–3
tykj-u-line–4
tykj-text–left
tykj-text–center
tykj-text–right
tykj-text–justify
tykj-align–middle
tykj-text-a–base-hover
2.2.TYKJ-按钮样式
tykj-btn
tykj-btn–primary
tykj-btn–primary-sec
tykj-btn–secondary
tykj-btn–bg-white
tykj-btn–outline-primary
tykj-btn–outline-white
tykj-btn–outline-deep
tykj-btn–ghost
tykj-btn–sm
tykj-btn–lg
2.3.TYKJ-图片样式
tykj-img–scale-105
tykj-img–rotate-5deg
tykj-bg-img–hover-v2
2.4.TYKJ-表单样式
tykj-form–default
2.8.TYKJ-阴影效果
tykj-shadow–static-s
tykj-shadow–static-m
tykj-shadow–static-l
tykj-shadow–static-xl
2.9.TYKJ-Icon效果
tykj-u-icon–outline-priimary
tykj-u-social–v1
tykj-u-social–v2
tykj-u-icon–xs
tykj-u-icon–s
tykj-u-icon–m
tykj-u-tips–capsule
效果类
基本都了解,就不做详细叙述了。
3.1.TYKJ-悬停效果
tykj-hover–up-3px
tykj-hover–left-3px
tykj-hover–right-3px
模块类
基本都了解,就不做详细叙述了。
4.1.TYKJ-分类模块
tykj-c-cate–main-v1
tykj-c-cate–main-v1-a
tykj-c-cate–main-v1-a1
tykj-c-cate–main-v1-a2
tykj-c-cate–main-v1-a3
4.2.TYKJ-卡片滑动模块
tykj-h-slider
tykj-h-slider__prev
tykj-h-slider__next
tykj-h-slider__viewport
4.9.TYKJ-其他模块
tykj-breadcrumbs-base
tykj-page-header
tykj-single-header
tykj-single-contect-style
tykj-footer-list-title
tykj-footer-list-text
tykj-footer-list-li
tykj-footer-float-tools-lis-v1
tykj-footer-float-tools-lis-v1-content
tykj-back-to-top
功能类
基本都了解,就不做详细叙述了。
9.1.TYKJ-功能作用
tykj-behavior-tracking
备注:配合点击按钮获得浏览轨迹功能使用;
tykj-cl-price
备注:配合价格选择功能使用;
tykj-sticky-box
备注:粘性定位容器标记,通过父级设置生效
