如何更改除卡片內容外的 ion-content bgcolor 樣式

Question

嗨，我在我的 web 頁面https://vipage.vivbook.com/lianaox/中使用 ionic cdn

當前站點沒有 ion-content 標簽。

第一個問題是屏幕不能滾動。 我知道這是因為我沒有使用 ion-content 我添加了 ion-content 但問題是如何將此動畫 css 用於頁面背景（不是卡片背景？）？

ion-content{
        
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

無論如何在不使用離子內容的情況下啟用滾動條嗎？

Answer 1

如果您使用的是 Ionic 4@5。

ion-content {
    --background: *whatever you want here*
}

或者，

ion-content {
    --background: transparent;
    background: linear-gradient(*whatever you want here*);
}