Skip to content

@meizhou/atomcss

Main Navigation指引

iconPark字节图标

Appearance

Sidebar Navigation

指引

简介

为什么是

安装

uniapp

ide 插件

HBuilderX

VSCode

自定义

atomcss.config示例

配置项

presets预设

rules规则

css权重

icons图标

shortcuts缩写

safelist

prefix前缀

theme主题

colors

fontSize

borderRadius

spacing

内置样式

颜色

tailwindcss的颜色

布局

box-sizing

display

float

clear

isolate

object-fit

object-position

overflow

position

上下左右

visibility

z-index

opacity

vertical-align

flex & grid

flex

flex组合使用

flex-direction

flex-wrap

flex-basis

flex-grow

flex-shrink

justify-content

justify-items

justify-self

align-content

align-items

align-self

order

gap

grid-template-columns

grid-template-rows

columns

place-content

place-items

place-self

间隔

margin

padding

宽高

width

maxWidth

minWidth

height

maxHeight

minHeight

width & height

文字排版

color颜色

font-size

font-weight

text-align

text-decoration

text-indent

vertical-align

letter-spacing

line-height行高

line-clamp省略

背景

background-attachment

background-clip

background-color

background-origin

background-position

background-size

边框

border-radius

border边框

效果

shadow阴影

filters

blur

brightness

Transforms

scale

rotate

skew

translate

transform-origin

interactivity

resize

user-select

will-change

cursor

本页目录

Table of Contents for current page

order

命名规律：order-{数值}

class名

样式值

order-5

order:5;

order--5

order:-5;

使用示例

Previous pagealign-self