em-justify-list

名称

name: em-justify-listaliases: ['emlist']

安装

npm

npm install @jswork/styled-plugin-em-justify-list

Yarn

yarn add @jswork/styled-plugin-em-justify-list

参数

名称	类型	description
value	number	方向(top/right/bottom/left; 默认: right)

一种 em-justify-list 的列表布局。

原理

1. container 自动适应外层的宽度，高度
2. emlist 层， margin: -0.5em;
3. item 层，margin: 0.5em;

用法

// Container>emlist>item<View w={900} auto debug="@2">  <View plugin="emlist:6">    <View bg="#eee" h={100} className="is-item">      item1    </View>    {/* .... */}  </View></View>

演示

Live Editor

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^