как разместить значок значка на ioni c?

Question

как создать карту с уведомлением без номера с ioni c и s css

make it as follows Badge without number

I have the following scss but it is not responsive

 1 Конфигурация  ионная карта {фон: #fff; дисплей: гибкий; flex-direction: столбец; justify-content: center; align-items: center; маржа: 0; ion-icon {ширина: 75%; маржа сверху: 16 пикселей; размер шрифта: 5em; } ion-badge {позиция: абсолютная; верх: 20 пикселей; вправо: 50 пикселей; }} 

Answer 1

К ионному значку css добавьте

z-index:100;

, это приведет к появлению значка перед значком ..

добавьте атрибут --color, который изменит цвет текст, сделайте его таким же, как фон.

--background можно использовать для указания цвета фона значка.

Справочные документы