Question

我有一个Ionic-v4-app，其侧面菜单的结构如下：

function_1(){
   VAR=$1
   echo "The value of : $VAR in function_2"
}


function_2(){
   echo "the value of var if function_1 is : $VAR "
   function_1 $VAR
}

while getopts s: opt; do
    case $opt in
        s) VAR=$OPTARG
           function_2
           ;;
    esac
done

现在，我希望整个侧面菜单（标题，列表，内容，所有内容）都有背景。

但是我没有必要尝试，我不知道它是如何工作的。

我为/deep/ p { margin-top: 0; }尝试了背景色，为<ion-app> <ion-split-pane> <ion-menu> <ion-header> <ion-toolbar> </ion-toolbar> </ion-header> <ion-content> <ion-list> </ion-list> </ion-content> </ion-menu> </ion-split-pane> </ion-app>和ion-menu设置了透明背景，但还是没有用。

我知道我不得不使用header之类的离子css变量，但是如何？

Answer 1

我相信以下解决方案可以帮助您：-）

ion-menu {
  --ion-background-color: var(--ion-color-primary);
  --ion-text-color: var(--ion-color-primary-contrast);

  ion-toolbar {
    --background: var(--ion-color-primary);
  }

  ion-list {/* optional, but it needs when you use gradient as a background color.*/
    background: transparent;
  }
}

Ionic-v4中的Sidemenu背景色

1 个答案: