在设备上运行时,为什么按钮透明?

时间:2019-04-02 13:27:08

标签: android css typescript ionic-framework ionic4

因此,我已在我的应用程序中为按钮着色。当我在PC上的本地服务器上运行时,颜色可以正常工作,但是当我将其部署到Device(Android)时,所有按钮都是透明的。

在我的variables.scss中,它看起来像这样:

ion-button{
    --background: #a37001e8;
    --background-activated: #e9c067e8;
    color: white;
  }

1 个答案:

答案 0 :(得分:2)

gulp.task('jstask', gulp.series((done) => {
    return gulp.src(config.jsPath + '/**/*.js')
      .pipe(concat('script.app.js'))
      .pipe(sourcemaps.write('./js'))
      .pipe(gulp.dest('./js'))
      .pipe(minify())
      .pipe(source('./js/script.drupal.min.js'))
      .pipe(gulp.dest('./js'));
    done();
  }
));

浏览器尚未完全支持十六进制颜色的Alpha使用。使用rgba()函数仅接受R,G,B,A(红色,绿色,蓝色,Alpha)格式的值。 https://ionicframework.com/docs/theming/advanced#the-alpha-problem