Box
Box 盒子模型
mt
pt
mb
pb
ml
pl
mr
pr
w: width . h: height . p: padding . m: margin
c: center 居中 . col: 竖排列 . flex: 弹性
margin: m . mx . my . mt . mr . ml . mb
padding: p . px . py . pt . pr . pl . pb
border: br:borderRadius . bw:widht . bc:color
默认自动屏幕适配
300*50
noAuto: 不进行屏幕适配
300*50
支持
多类型混合写
<Box>{'111'}111</Box>
Txt 文字
f: fontSize . fw: fontWeight . lh: lineHeight . cl: color
18
.16.
14.
12.
10.
bold.
500.
400.
Gld010.
Grn010.
Org010.
TxtNum 文字
功能:在Txt组件的基础上,新增numProps、textProps属性分别设置数字和其他文本的样式
例如:富国沪深300增强。今1年以1111, +12.90%,,收益-223,133.88。 汉字是红色、字重600、字号12, 数字蓝色、字重500、字号15、字体DIN
颜色
cl: color . bg: backgroundColor
T010
T020
T030
T070
T080
Blu010
Blu011
Blu014
Blu015
Blu016
T040
B020
T060
B010
T070
T080
Gld010
定位
ab: 绝对定位 . l: left . r: right . t: top . b: bottom
Icon
icon_s_explain_linear
icon_s_unfold
icon_s_popupunfold
icon_s_close
icon_s_more
icon_s_hook
Tag
大号标签
点击带icon标签
小号标签
小号标签
元素曝光示例
这里是内容
Badge
5
99+
右移中文角标
5
99+
单独使用的中文角标
Card
货卡名称
详情
辅助说明文字
指数型
4,642.90
持有金额(元)
-83.90
日收益(03-15)
+127.49
累计收益
不带辅助说明
暂无更多
累计收益率
+27.83%
持有份额
50,112.30
持有收益
+1888.90
持有收益率
+22.90%
仅标题无跳转无补充icon
Press
Press
press
press
Button
点击loading
主按钮禁用
次要按钮
次按钮禁用
白底按钮
白底禁用
发布
未发布
发布
未发布
Radio&Checkbox
请勾选
默认
不可点
选中
默认
不可点
选中
默认
不可点
选中
Tabs
第一个
第二个
第三个
第二个tab
Swiper
第一个Swiper
第二个Swiper
第三个Swiper
Modals
open
ActionSheets
open sheet with full header
open sheet without close icon
open sheet without right PButton
Progress
Loading
加载中...
DatePicker
选择
sparkLine
空状态
这里是自定义文案
图片
期望宽度100,高度等比例适配
期望高度100,宽度等比例适配
宽高设置1/2,尺寸差别大,调整为contain模式
宽高设置1/2,不配置默认cover
NoticeBar
滚动提示条
对比条
Popup
展示
PieChart
组合持仓
Guide 导航提示
topLeft
topCenter
topRight
bottomLeft
bottomCenter
bottomRight
TimeAxis 时间轴
募集期
08.15 09:30 - 08.20 09:30
享现金宝收益
买入日
08.15 09:30
预期首次分红
08.15 09:30
预期首次分红时长12个月