HarmonyOS 鸿蒙Next Text内部Span的宽度设置无效，Tabs的点击事件onTabBarClick无效

Span组件支持属性：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5#属性

  span作为Text、ContainerSpan组件的子组件，仅支持文本通用属性，另外可以继承父组件Text的属性，支持继承的属性仅包括：fontColor、fontSize、fontStyle、fontWeight、decoration、letterSpacing、textCase、fontfamily、textShadow

可以使用富文本组件，解析并显示HTML格式文本，代码如下：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
 [@State](/user/State) data: string =
   '<span style="font-size:30px;margin-right:20px">这是一段文字这是一段文字这是一段文字这是一段文字这是一段文一段文字这是一段文一段文字这是段文一段文字这是段文一段文字这是段文一段文字这是段文一段文字这是段文字这是一段文字</span>'+
     '<span style="display:inline-block;border:1px solid red;font-size:40px;padding:10px">标签</span>';

 build() {
   Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center,
     justifyContent: FlexAlign.Center }) {
     RichText(this.data)
       .onStart(() => {
         console.info('RichText onStart');
       })
       .onComplete(() => {
         console.info('RichText onComplete');
       })
       .width(500)
       .height(500)
       .backgroundColor(0XBDDB69)

   }
 }


 可以参考以下两种实现方式，您看是否满足您的需求：

 方案一：

 build() {
   Column() {
     Text() {
       Span(' 新品 ')
         .fontSize('20fp')
         .textBackgroundStyle({color: Color.Green, radius: "5vp"})
         .fontColor(Color.White)
       // 间距控制 kerning
       Span(' ').letterSpacing(10)
       Span('距离春节仅有一个月了，红红火火的礼品尽快备起来距离春节仅有一个月了，红红火火的礼品尽快备起来距离春节仅有一个月了')
         .fontSize('20fp')
     }.maxLines(2).textOverflow({ overflow: TextOverflow.Ellipsis }).width('80%')
   }.width('100%').alignItems(HorizontalAlign.Center)
 }


 //方案二：
 [@Builder](/user/Builder) OverlayNode() {
   Row() {
     Text('享').fontSize(20).fontColor(Color.Red)
   }
   .width(20)
   .margin({top:2, bottom:2, left:4, right:4})
 }

 build() {
   Column() {
     Row() {
       Text() {
         Span('7天无理由退货').fontSize(20).fontColor(Color.Red)
       }
       .overlay(this.OverlayNode()) // 在overlay层绘制标签
       .textIndent(36) // OverlayNode 宽度
       .width(180) // 设置整体宽度
       .height(32) // 设置整体高度
     }
     .border({width: 2, color: Color.Pink})
   }
   .width('100%')
   .height('100%')
   .justifyContent(FlexAlign.Center)
 }