替换初始加载微调器

Question

有没有办法在初始加载时替换加载微调器gif？

我想有一个定制我的应用程序。

Answer 1

这是一个gif包含在主题中，是的，你可以很容易地取代它。该微调的GIF图像在.v-app-loading::before CSS规则（以及至少在VALO主题）定义的，你其实可以覆盖它，例如这样：

比方说，我们要使用GIF ring.gif作为一个微调imange这GIF被放置在img目录下的主题中。这就是所谓的“mytheme.scss”你的主题主要SCSS

@import "../valo/valo"; 
// import other scss files here 

// do valo variables customization here 

@mixin mytheme { 
    @include valo; 
    // include other scss mixins here 

    // customized spinner 
    .v-app-loading::before { 
    width: 36px; 
    height: 36px; 
    background: url(img/ring.gif) no-repeat 50%; 
    } 
} 

放置.v-app-loading::before@include valo;后，这一点很重要，否则将无法正常工作......

更多关于此主题化：https://vaadin.com/docs/-/part/framework/themes/themes-overview.html