离子按钮不起作用

Question

我想使用离子1的特殊按钮，使用离子按钮，在此页面中说明：Ionic Buttons 因此，我尝试了两个按钮，一个圆形按钮和一个大纲+圆形：

  

  <h2 class="sub-header" style="color:#4e67c3;">Oggetto {{ selectedproduct.idproduct }} <img src="img/cart.png" height="30" width="38"></h2>   

  <ul class = "licatalog">

    <li>
        <h4 style = "color:#4e67c3;"> {{ selectedproduct.productDesc.description }} </h4>
        <h4 style = "color:#FF2E24;"> {{ selectedproduct.productDesc.producer.name }}  </h4>
        <h4> [sconto per utenti registrati]  </h4>
        <h4> € {{ selectedproduct.productDesc.price }} </h4>
        <img src="../img/product/{{ selectedproduct.productDesc.rootImage }}" height="130" width="100">
    </li>     


  </ul>
    <button ion-button round>Round Button</button>
    <button ion-button round outline>Outline + Round</button>

但按钮效果不佳，它们就像简单的按钮一样：

但我不知道原因。有人可以帮我制作一个最好的按钮吗？

Answer 1

我认为你正在使用离子v1。首先，我建议你使用更高版本的离子，因为有更多有用的教程和更少的错误。

如果你留在v1，你需要采取正确的文件： https://ionicframework.com/docs/v1/components/#buttons

你使用这样的按钮:(使用class =＆＃34;＆＃34;）

＆＃13;

＆＃13;

<button class="button button-positive">
  button-positive
</button>

<button class="button button-outline button-positive">
  Outlined Button
</button>

＆＃13;

＆＃13;

＆＃13;