【HarmonyOS】【ArkUI】鸿蒙 linear-gradient 来实现渐变色

华为开发者论坛

于 2022-07-08 11:10:03 发布

阅读量1.7k

点赞数

分类专栏： HarmonyOS 文章标签：大数据

本文链接：https://blog.csdn.net/weixin_44708240/article/details/125674679

版权

这篇博客介绍了如何在HarmonyOS的ArkUI中使用linear-gradient来创建文本和按钮的渐变背景。通过JS代码动态设置，详细展示了实现过程，并提供了效果图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS方式实现文本或按钮背景渐变色

我们可以参考HarmonyOS linear-gradient

如下是动态设置代码

hml

<div class="container">
    <text class="title"
          style="background:{
  {mbackground}}">
        {
  { $t('strings.hello') }} {
  { title }}
    </text>
</div>

css

.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: white;
}
 
.title {