当前位置:   article > 正文

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

arkui lineargradient

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

我们可以参考HarmonyOS linear-gradient 

image.png

如下是动态设置代码

hml

  1. <div class="container">
  2. <text class="title"
  3. style="background:{
  4. {mbackground}}">
  5. {
  6. { $t('strings.hello') }} {
  7. { title }}
  8. </text>
  9. </div>

css

  1. .container {
  2. flex-direction: column;
  3. justify-content: center;
  4. align-items: center;
  5. width: 100%;
  6. height: 100%;
  7. background-color: white;
  8. }
  9. .title {
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号