gpt4 book ai didi

angular - 工具栏/ ionic 按钮之外的 Ionic 4 圆形图标仅按钮

转载 作者:行者123 更新时间:2023-12-04 01:36:28 25 4
gpt4 key购买 nike

如何在 ionic 按钮之外创建一个圆形、清晰、仅图标的按钮?我想有一个按钮,当你使用时,你得到的样式和图标按钮ion-buttons (例如清晰和圆形)。
到目前为止我的代码:

    <ion-button icon-only shape="round" color="white" fill="clear">
<ion-icon slot="icon-only" name="close"></ion-icon>
</ion-button>

虽然生成的按钮不是圆形的,但它只是一个带有圆 Angular 的矩形按钮。

ionic 4 文档没有提到如何去做。

最佳答案

FabButton 将工作......但这是我如何在使用 ionic 组件的 reactjs 应用程序中做到这一点,只需使用 Angular 版本,你应该得到相同的结果

<IonCard>
<IonToolbar>
<IonTitle>Test</IonTitle>
<IonButtons slot="end">
<IonButton
style={{
backgroundColor: "red",
borderRadius: "100%",
color: "white",
width: 32
}}
>
<IonIcon icon={close}></IonIcon>
</IonButton>
</IonButtons>
</IonToolbar>
<IonCardContent>
This is some text that is the content of the card with the close
button below
</IonCardContent>
</IonCard>

enter image description here

关于angular - 工具栏/ ionic 按钮之外的 Ionic 4 圆形图标仅按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59346167/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com