更新记录

1.0.0（2023-05-03） 下载此版本

完成

平台兼容性

uni-app

其他

uni.scss(按项目实际颜色)

$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
$uni-color-info: #909399; //默认色
$uni-color-disabled: #c0c4cc; //禁止色
$uni-color-default: #dcdfe6; 

举例

基础用法

<ayi-text value="无语"></ayi-text>

不同颜色

<ayi-text value="primary" color="primary"></ayi-text>
<ayi-text value="success" color="success"></ayi-text>
<ayi-text value="error" color="error"></ayi-text>
<ayi-text value="warning" color="warning"></ayi-text>
<ayi-text value="info" color="info"></ayi-text>
<ayi-text value="自定义颜色" color="#628bca"></ayi-text>

金额

<ayi-text type="price" :size="40" value="1314"></ayi-text>

手机号

<ayi-text type="phone" value="130****1111"></ayi-text>

超出省略

<ayi-text :ellipsis="2" value="尘归尘,土归土,一切归于虚无。我想过要超出边界,但是我就是没有超过这生活牢笼边界"></ayi-text>

图标

<ayi-text prefixIcon="search" value="请输入名称"></ayi-text>
<ayi-text suffixIcon="time" value="2022-02-06"></ayi-text>