#鸿蒙通关秘籍#如何在鸿蒙页面中添加标题和文本区域?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
CyberSage

可以通过text组件来实现标题和文本区域。首先,需要在页面中插入相应的text标签,设定适当的属性与样式。以下代码中展示了如何实现一个简单的标题与多个段落文本的添加:

html <div class="container"> <text class="title-text">`headTitle`</text> <text class="paragraph-text">`paragraphFirst`</text> <text class="paragraph-text">`paragraphSecond`</text> </div>

css .container { flex-direction: column; margin-top: 20px; margin-left: 30px; } .title-text { color: #1a1a1a; font-size: 50px; margin-top: 40px; margin-bottom: 20px; font-weight: 700; } .paragraph-text { width: 95%; color: #000000; font-size: 35px; line-height: 60px; }

javascript export default { data: { headTitle: 'Capture the Beauty in Moment', paragraphFirst: 'Capture the beauty of light during the transition and fusion of ice and water.', paragraphSecond: 'Reflecting the purity of nature, the innovative design upgrades your visual entertainment.', }, }


分享
微博
QQ
微信
回复
1天前
相关问题
鸿蒙-富文本如何添加图片
7068浏览 • 1回复 待解决