Невозможно сделать кнопку с изображением в мини-программе WeChat - PullRequest
Новая
       45

Невозможно сделать кнопку с изображением в мини-программе WeChat

1 голос
/ 24 февраля 2020

Я хочу сделать кнопки с иконками изображений в мини-программе WeChat. Например, кнопки воспроизведения / паузы, перехода вперед, назад в медиаплеере. Я пробовал как html: 

<button>
    <image src="../image/play.svg"></image>
</button>

Но я не вижу изображения на кнопке. Как сделать кнопку с изображением?

1 Ответ

0 голосов
/ 24 февраля 2020

Для кнопок изображений просто используйте тег <image>. Например: 

<image src="../image/play.svg" bindTap="play()"></image>

И установите некоторые стили, похожие на кнопки, используя WXSS. 

image {
    background: lightblue;
}
image:hover {
    background: lightgrey;
}

Конечно, изображение вашего значка должно иметь прозрачный фон.

...