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>
复制代码
图标图标
图标图标
图标图标
上一篇
text
下一篇
marquee
以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈