更新记录
1.0.0(2023-06-27)
下载此版本
初始化
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
竖向文字展示组件
参数
参数 |
功能 |
数据类型 |
默认值 |
text |
需要展示的文本 |
String |
-- |
fontSize |
字体大小(rpx) |
Number |
24 |
color |
文字颜色 |
String |
#BE9567 |
lineHeight |
行高(rpx) |
Number |
30 |
ml |
列间距(rpx) |
Number |
8 |
size |
每列展示的字符数量 |
Number |
8 |
column |
展示几列(超出则显示省略号) |
Number |
5 |
direction |
文字读取方向(left/right) |
String |
right(从右往左读) |
justify |
容器方向(start/end) |
String |
end(从右往左展示) |
引用方式
<template>
<view class='apply-item' >
<view class='des'>
<chengpengText :text='text'></chengpengText>
</view>
</view>
</template>
<script>
import chengpengText from '@/components/chengpeng-text/chengpeng-text'
export default {
components: {
chengpengText
},
data() {
return {
text: '广玄老和尚一生为弘法普度众生,八十年如一日,和尚足以不朽矣广玄老和尚一生为弘法普度众生,八十年如一日,和尚足以不朽矣',
}
},
}
</script>