HarmonyOS alignRules属性

可以使用容器组件把text包裹起来，就可以正常展示了

@Entry
@Component
struct Index {

  build() {
    RelativeContainer() {

      Row() {
        Text("七日年化")
          .fontSize(13)
          .margin({
            left: 7
          })
          .fontColor("#797c8f")
          .id("tv_qrnh")
      }.alignRules({
        left: {
          anchor: "qrnh_color_view",
          align: HorizontalAlign.End
        }
      })

      Row() {
        Text("2")
          .width(9)
          .height(4)
          .backgroundColor("#ff5736")
          .id("qrnh_color_view")
      }.alignRules({
        top: {
          anchor: "tv_qrnh",
          align: VerticalAlign.Bottom
        }
      })


      // Text("1.20%")
      // .fontColor("#ff5736")
      // .fontSize(15)
      // .alignRules({
      // left: {
      // anchor: 'qrnh_color_view',
      // align: HorizontalAlign.Start
      // }
      // })
      // .id('tv_qrnh_value')

    }
    .id("left")
    .width("200")
    .height("100")
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.