Ionic 如何在离子框架工作vuejs中增加离子作用表中的标题大小

bcs8qyzn 于 12个月前发布在 Ionic

关注(0)|答案(1)|浏览(145)

我是Vue的新手。使用离子框架。我在我的应用程序中有以下代码

<ion-action-sheet
  :is-open="isActionSheetOpen"
  header="Choose Payment"
  mode="ios"
  :buttons="buttons"
  @didDismiss="setOpen(false)"
  class="my-custom-class"
></ion-action-sheet>

字符串
我想增加字体大小的header="Choose Payment"到25px。我还没有找到任何官方文件有关的大小增加的标题。
我该怎么做？
我尝试为下面的类添加自定义CSS

ion-action-sheet.my-custom-class {
  --font-size: 25px;   
}

型

ionic-framework

来源：https://stackoverflow.com/questions/76835205/how-to-increase-the-header-size-in-ion-action-sheet-in-ionic-frame-work-vuejs

1条答案

按热度按时间

unhi4e5o1#

因为你已经指定了一个cssClass来应用于action sheet，所以目标是title元素的css类就足够了：

ion-action-sheet.my-custom-class .action-sheet-title {
  font-size: 25px;
}

字符串
查看IonToolSheet文档，您可以看到文档示例的修改版本，该版本涵盖了您的用例here。

赞(0）回复(0）举报 12个月前

我来回答

Ionic 如何在离子框架工作vuejs中增加离子作用表中的标题大小

1条答案

相关问题

热门标签

最新问答