如何在离子角上实现此工具栏?

时间:2019-12-24 19:33:56

标签: java html css ionic-framework ionic4

Toolbar image

我想将以上工具栏设置为ionic,我对ionic还是很陌生,并且正在努力用代码重新创建图像。我试过做一个网格,但是由于三个按钮的大小不同而挣扎。我也尝试将它们作为单独的按钮进行操作,但是我走了一半,但随后开始卡住。任何帮助将不胜感激

谢谢

1 个答案:

答案 0 :(得分:0)

最好将背景作为图片,并使用

放置“帐户”和“设置”按钮
.buttons-container {
   display: flex;
   justify-content: space-between;
   margin?
}

对于绿色按钮,我将其居中:

.plus-button{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top?
}