離子按鈕不起作用

Question

我想使用離子1的特殊按鈕，使用離子按鈕，在本頁說明： Ionic Buttons因此，我嘗試了兩個按鈕，一個圓形按鈕和一個Outline + Round：

  <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 =“”）

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