Question

在过去的几天里，我一直在尝试学习离子技术，因为我有一个学校项目，而且我是如此努力，我什至都不知道从哪里开始。在离子技术方面，作为一个“好”学生，我接受了。有没有好的指导？我似乎找不到任何东西。我也想创建一个列表，左边有一个图标，中间有一些文本。我想使图标和文本大一些，但我不知道怎么做。这里是代码：

<ion-list>

<ion-item>
    <ion-icon item-left name="moon"></ion-icon>
    <h3>Bedrooms</h3>

</ion-item>

Answer 1

我建议您阅读文档。 youtube上有许多最新离子技术的教学视频。那会帮到你很多。

，对于您当前的字体大小问题，请尝试编辑给定页面的任意一个scss文件，但最好在theme / variables.scss中更新sass变量（请找到简短的教程here）。

$ item-md-font-size

Answer 2

<ion-list>
  <ion-item>
    <ion-grid>
       <ion-row>
         <ion-col col-2>
           <ion-icon item-left name="moon"></ion-icon>
         </ion-col>
         <ion-col col-8>
           <h3 ion-text text-center>Bedrooms</h3>
         </ion-col>
       <ion-row>
    <ion-grid>
  </ion-item>
<ion-list>

SCSS

ion-icon{
  font-size: 25px!important
}
h3{
  font-size: 30px!important
}

这里是文档

https://ionicframework.com/docs/theming/css-utilities/   https://ionicframework.com/docs/theming/responsive-grid/

Ionic Newbie我如何才能使列表项目更大

2 个答案: