如何在微信小程序中使用iconfont圖標 &amp;amp;amp;amp; 小程序模板的調用

iconfont使用
和之前使用方式一樣，在iconfont上復制項目的Unicode代碼，獲取各個icon的代碼值，黏貼到全局app.wxss上，即可使用

/*iconfont*/
@font-face {
    font-family: 'iconfont';  /* project id 716728 */
    src: url('//at.alicdn.com/t/font_716728_tmrzrsks9k.eot');
    src: url('//at.alicdn.com/t/font_716728_tmrzrsks9k.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_716728_tmrzrsks9k.woff') format('woff'),
    url('//at.alicdn.com/t/font_716728_tmrzrsks9k.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_716728_tmrzrsks9k.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-time:before { content: "\e632"; }

wxss 樣式引用
可以自定義一個common文件夾，存放pop.wxss等各種wxss文件，通過@import引用，如下

@import "../../__wuBaseWxss__/1.wxss";

wxml 公用模板調用

新建一個template文件夾來存放項目中的所有模板，在需要引用的頁面中添加如下代碼。

一個wxml文件中可以定義多個模板，只需要通過name來區分

is屬性后面跟上該name，則調用該模板，data用來傳遞數據。

<import src="../template/footer.wxml"></import>
<template is="footer" data="{{footer:footer}}"></template>

如：footer

本文鏈接：https://blog.csdn.net/qq_26430507/article/details/80774566

智能推薦

【C++】C++中的&amp;amp;（引用）的簡單理解

本文通過三方面來理解指針我們知道在C語言中函數的傳參有兩種方式： 1.傳值 2.傳址雖然這兩種方式都可以實現函數傳參但是卻各自有著自己的優缺點：傳值：無法改變形參的值傳址：不是很形象而且不安全所以在升級版C++中為了解決這種問題就使用了引用& 一.什么是變量的引用？？？ 1.概念：引用...

堆的基本操作&amp;amp;優先級隊列

在這篇博客中，我們實現二叉堆結構，二叉堆結構具有兩個特點：結構性和堆序性結構性：必須是一顆完全二叉樹，樹的插入從左到右堆序性：父節點必須小于等于(小堆)或者大于等于（大堆）左右節點在二叉堆的具體實現中，通過一個數組來儲存所有的元素這里進行除法運算時采取“向下取整”；如果一個元素的數組下標為 i，那么這個元素的父節點就是（i-1）/2; 這個元素的左孩子節點就是(i...

Python-&gt;服務器流量監控小程序

聽一個前輩說，要成為一個好的程序員，就要養成寫博客的習慣，所以我就來啦，這是我寫的第一篇哦！為什么要寫這個程序呢？目前公司是做汽車電子研發的，還沒有官網于是我就抽空寫了一個，也就普通的靜態頁面啦，不過是用Vue寫的哦整個資源有12M，然后就上傳到服務器吧，于是就遇到一個問題：按流量計費還是按固定寬帶？一開始用的固定寬帶，2M帶寬，...

vs2017 windows編程時出現錯誤 LNK2019 無法解析的外部符號 _main，該符號在函數&amp;amp;quot;...&amp;amp;quot;中被引用

今天第一次接觸Windows編程于是用visual studio 2017寫了個簡單的程序（代碼如下），結果出現如下的錯誤：嚴重性代碼說明項目文件行禁止顯示狀態錯誤 LNK2019 無法解析的外部符號 _main，該符號在函數 "int __cdecl invo...

Android 圖標自適應：用 TextView 來顯示圖片 & 生成自己的字體庫

Android 圖標自適應：用 TextView 來顯示圖片 & 生成自己的字體庫今天我們來介紹一種用TextView代替并顯示圖片，以達到App優化及圖標自適應的效果。當然，我們先來看一下效果：這些真的只是TextView文本如果你看到上面這張圖片，第一反映你可能認為都是用ImageView去顯示的，那你就錯了，這些全都是用TextView實現的（當然更不可能是給 TextView...

如何在微信小程序中使用iconfont圖標 &amp;amp;amp;amp;amp; 小程序模板的調用

智能推薦

猜你喜歡

如何在微信小程序中使用iconfont圖標 &amp;amp;amp; 小程序模板的調用