API6中JS UI实现富文本组件居右显示

 【关键字】

RichText、富文本组件、API6、JS UI、居右显示

【关键代码如下】

index.hml

    文本行高
    文本行高
    文本行高
    文本行高
    文本行高
    文本行高
    文本行高
    文本行高
    

        文本
        {{content}}
    

index.css

.container {
    flex-direction: column;
    padding-left: 10px;
    align-items:flex-start;
}
.top {
    width: 100%;
    flex-direction: row;
    height: 50px;
    justify-content:flex-end;
    align-items: center;
}
.txt{
    width: 70%;
    height: 45px;
    margin-start: 10px;
}
.rich{
    width: 30%;
    height:45px;
    margin-end: 20px;
}

index.js

export default {
    data: {
        content: `
    

      
      
h1
      
文本测试(h1测试)
      
h2
      
文本测试(h2测试)
    
    `,
    },
    onLoadStart() {
        console.error("start load rich text:" + JSON.stringify())
    },
    onLoadEnd() {
        console.error("end load rich text:" + JSON.stringify())
    }
}

【实现效果】