Html 图标不会显示在按钮上

嗨，我想在我的爱奥尼亚项目中有一个css类的按钮上放一个图标，但是当我这样做的时候，图标并没有出现在下面的代码中。我有我的css和我的html/角度代码在下面，我试图有4个按钮很好和大的旁边，并有一个图标，使它看起来不那么简单，但当我这样做时，它不会显示出来

谢谢 亚当·韦斯顿

a{ 文字装饰：无； } 巴顿托普先生{ 显示：内联块； 填充：20px； 高度：120px； 宽度：170px； 文本对齐：居中； 背景：白色； 颜色：白色； 字体大小：10px； } .主动{ 背景：188171； } 家 欢迎来到ATAM ATAM是原始的学习中心，涵盖所有技术、艺术、音乐和录音。我们将创造力与天才融为一体，培养企业家精神。 ATAM通过私人教学、小组课、高级STEM/STEAM夏令营和实验性游戏提供了多种学习方式。 聚会 报名参加夏令营！ 信用卡更新 联系我们 阿塔姆新酒店 报名参加音乐课 声-电-音乐制作-录音 ATAM音乐系教授30多种乐器，包括声学和数字乐器，以及音乐制作和专业录音。现在就报名吧！ 私人课程从周一到周六 下午12时至8时 注册 报名参加夏令营 2019年夏季-科技-体育-艺术-音乐-实地考察 来体验ATAM技术和户外夏令营。世界上最好的，结合科技、艺术、音乐、体育和野外旅行！ 时间：周一至周五，上午8:30至下午3:30 六月十日至八月三十日 课后护理时间：3:30至7:30。 注册 课程和班级 了解更多有关私人课程的信息 机器人技术、编程、游戏设计、应用程序构建、网站设计、工程、建筑 开始学习 30件原声乐器、音乐制作、专业录音室 开始学习 所有媒体中的传统艺术，使用行业标准软件和技术的数字插图 开始学习 资源 预订派对 报名参加夏令营 登记表 信用卡更新表 联系我们

---

如果您想将这4个按钮对齐成一行，您应该使用ion row，将您的按钮放置在各自的ion-col中

另一件事是，正确的语法不是

---

使用离子按钮而不是按钮。您能显示您的输出吗？您使用的是哪种离子版本？请输入“离子信息”。你的模板代码有爱奥尼亚3和爱奥尼亚4的语法。。。

<ion-row>

    <ion-col>
        <button  ion-button icon-start>
            <ion-icon name="star"></ion-icon>
            Parties
        </button>
    </ion-col>

    <ion-col>
        <button  ion-button icon-start class="buttontop" expand="block">
            <ion-icon name="star"></ion-icon>
            Sign up for Camp!
        </button>
    </ion-col>

   <!-- add rest of the buttons in their separate ion-col -->

</ion-row>