css - weui中的icons是什么?怎么用呢?
PHPz
PHPz 2017-04-17 13:39:52
0
3
671
  <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

学习是最好的投资!

reply all(3)
PHPzhong

Search for font-awesome... an icon font. If it doesn’t work, check to see if those font files have been imported into the directory, or check in F12 whether the path corresponding to the font is correct

迷茫

In addition, doesn’t the tag indicate italics? Why is it used here?

It just so happened that I saw a teaching website teaching this last night. His original text is as follows

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 used for icons. You add the Font Awesome 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.

The

I element was originally used to tilt other elements and is now commonly used for icons. Add the Font Awesome class to the i element to turn it into an icon, for example:

The following is a button I wrote myself, but it uses an icon library from font-awesome, but I think it should be consistent with weui.

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

阿神

Because of the weui version problem.
The 0.4 version is weui_icon_success, underlined.
Version 1.0 is weui-icon-success, underlined.
I’m annoyed that the standards are not uniform. . .

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!