小程序添加icon图标

        1、附上小程序的常用标签

            view    text 

        2、小程序引入阿里图标的的步骤

               a、在app.wxss中引入字体链接,此链接为阿里图标自动生成

           
  @font-face {
font-family: 'iconfont'; /* project id 193016 */
src: url( '//at.alicdn.com/t/font_193016_sy0auq6u5deipb9.eot');
src: url( '//at.alicdn.com/t/font_193016_sy0auq6u5deipb9.eot?#iefix') format(' embedded-opentype' ),
url( '//at.alicdn.com/t/font_193016_sy0auq6u5deipb9.woff') format(' woff' ),
url( '//at.alicdn.com/t/font_193016_sy0auq6u5deipb9.ttf') format(' truetype' ),
url( '//at.alicdn.com/t/font_193016_sy0auq6u5deipb9.svg#iconfont') format(' svg' );    
}

                b、设置对应的图标Unicode(16进制)

.icon-left:before { content: "\e623"; }

                        C、在对应的wxml文件中添加

< text class= 'iconfont icon-left'></ text >
这样icon图标就被添加进去了


        

猜你喜欢

转载自blog.csdn.net/huanhunacsdn/article/details/79299499