css - weui中的icons是什么?怎么用呢?
PHPz
PHPz 2017-04-17 13:39:52
0
3
670
  <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>标签不是表示斜体的吗,怎么用在了这里?

PHPz
PHPz

学习是最好的投资!

全部回覆(3)
PHPzhong

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

迷茫

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

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

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>

阿神

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!