span
更新时间:
格式化的文本,只能作为<text>子组件,不支持事件,目前不支持换行。
属性
支持通用属性
样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
color | <color> |
#000000 | 否 | 文本颜色 |
font-size | <length> |
30px | 否 | 文本尺寸 |
font-weight | normal | bold | lighter | border | <number> |
normal | 否 | 当前平台仅支持 normal 与 bold 两种效果 |
span组件示例
基础用法
<template>
<div class="wrapper">
<text>
<span>span只能作为</span>
<span class="span">text</span>
<span>的子组件</span>
</text>
</div>
</template>
<script>
export default {}
</script>
<style>
.wrapper {
align-items: center;
justify-content: center;
}
text {
font-size: 40px;
}
.span {
color: #ff4500;
font-size: 80px;
}
</style>
复制代码