布局类

基本都了解,就不做详细叙述了。

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
    备注:粘性定位容器标记,通过父级设置生效