首頁  >  問答  >  主體

css - weui中的icons是什么?怎么用呢?

  <link rel="stylesheet" type="text/css" href="weui.css" />

<i class="weui_icon_msg weui_icon_success"></i>
<i class="weui_icon_msg weui_icon_info"></i>
<i class="weui_icon_msg weui_icon_warn"></i>
<i class="weui_icon_msg weui_icon_waiting"></i>
<i class="weui_icon_safe weui_icon_safe_success"></i>
<i class="weui_icon_safe weui_icon_safe_warn"></i>
<p class="icon_sp_area">
    <i class="weui_icon_success"></i>
    <i class="weui_icon_success_circle"></i>
    <i class="weui_icon_success_no_circle"></i>
    <i class="weui_icon_info"></i>
    <i class="weui_icon_waiting"></i>
    <i class="weui_icon_waiting_circle"></i>
    <i class="weui_icon_circle"></i>
    <i class="weui_icon_warn"></i>
    <i class="weui_icon_download"></i>

我照着代码试了,怎么什么都没有?

另外,<i> </i>标签不是表示斜体的吗,怎么用在了这里?

PHPzPHPz2716 天前646

全部回覆(3)我來回復

  • PHPz

    PHPz2017-04-17 13:41:52

    搜尋font-awesome . ..一種圖示字體,如果沒有效果,你看看目錄下是否導入了那些字體文件,或者在F12裡面看看字體對應的路徑是否正確

    回覆
    0
  • 迷茫

    迷茫2017-04-17 13:41:52

    另外, 標籤不是表示斜體的嗎,怎麼用在這裡了?

    非常剛好昨晚我才看到了一個教學的網站教了這個,他的原文如下

    In this case, we've already added it for you to this page behind the scenes. The i element was originally used to make other elements italic, but is now commonly Fontused for icons. classes to the i element to turn it into an icon, for example: Use Font Awesome to add a thumbs-up icon to your like button by giving it an i element with the classes fa andfa-thumbs-up.< >

    I 元素最初被用來使其他元素傾斜,而現在常用的圖示。將字體令人敬畏的類別加到 i 元素把它變成一個圖標,例如︰

    下面是我自己寫的按鈕,但是用的是font-awesome的一個圖示庫,但是我覺得和weui應該是一致的。

    <button><i class="fa fa-thumbs-up"></i>LIKE</button>
    
    

    回覆
    0
  • 阿神

    阿神2017-04-17 13:41:52

    因為weui版本的問題。
    0.4版本是weui_icon_success,下劃線。
    1.0版本是weui-icon-success,中劃線。
    惱火啊,標準不統一。 。 。

    回覆
    0
  • 取消回覆