導航:首頁 > 編程語言 > 小程序能調用圖標么

小程序能調用圖標么

發布時間:2024-07-22 02:25:05

1. 小程序能否使用字體圖標

您好。小程序可以使用字體圖標,但是在微信小程序中使用字體圖標 ,不通過轉換成base64的方式實現。為了美化微信小程序,可以適當的使用一些小圖標,這樣體驗也更友好些

2. 小程序可以在地圖加上商家圖標嗎

一、在開發微信小程序地圖的過程中,有這樣一個需求,用戶發表祝福語,然後存入資料庫,可以在地圖上顯示用戶頭像並且點擊用戶頭像時顯示祝福語。

二、自己在開發時遇到的問題:

1.微信頭像是網路圖片,而地圖的markers中的iconPath只能使用本地圖片

2.將網路圖片緩存到本地,但是因為小程序的非同步執行導致圖片不能顯示

三、解決辦法:

1.解決微信頭像是網路圖片的問題,可以使用wx.downloadFile({})方法來將頭像緩存到本地,然後再將本地路徑賦給iconPath即可,第一個不能使用網路圖片的問題解決。

2.非同步請求導致本地緩存的圖片不能在地圖上顯示,我的解決辦法是,先通過request請求獲取到祝福語後,用for循環賦值給markers,iconPath路徑填寫一個本地路徑,同時調用一個方法,獲取當前用戶頭像的本地緩存路徑,獲取成功後賦值給markers中每個對象的iconPath,所以一般來說,地圖上的圖片會有切換,首先顯示的是本地的統一的圖片,經過一段時間的請求後,圖片一個個變為用戶頭像。

四、相關操作代碼

getBlessing: function(){
var that = this;
var getUserPic = function (pic_url,i) {
let cachePath;
if(pic_url==null || pic_url=='') return;
wx.downloadFile({
url: pic_url,
success: (pathInfo) => {
// pathInfo.path 這是下載成的緩存鏈接,模擬器marker有時不支持http開頭,真機不影響,得去掉http:/
cachePath = pathInfo.tempFilePath.replace("http:/", '').replace("https:/", '')//真機中無需replace,都支持,
var mak = "markers[" + i +"].iconPath";
that.setData({
[mak]: cachePath
})
}
})

}

wx.request({
url: '你的後台請求地址',
method: 'POST',
success: function (res) {
var list = res.data.list;
var tempArr = [];
var includeArr = [];
var item = {};
var includeItem = {};
for (var i = 0; i < list.length; i++) {
var pic = getUserPic(list[i].user.user_pic,i);
item = {
iconPath: '/images/icon/small-logo.png',
id: list[i].id,
latitude: list[i].latitude,
longitude: list[i].longitude,
width: 30,
height: 30,
alpha: 0.8,
callout: {
content: list[i].content,
color: '#FFFFFF',
fontSize: 10,
borderRadius: 10,
bgColor: '#F44336',
padding: 5,
display: 'BYCLICK',//'BYCLICK':點擊顯示; 'ALWAYS':常顯
}
}

includeItem = {
latitude: list[i].latitude,
longitude: list[i].longitude,
}
tempArr.push(item);
includeArr.push(includeItem);
}
that.setData({
markers: tempArr,
includepoints: includeArr,
count: res.data.count
})
console.log(that.data.markers)
}
})
},
五、效果截圖

3. 微信小程序可以用阿里字體圖標嗎

可以使用,但是一般大的平台圖標有涉及到版權的問題,希望知曉

閱讀全文

與小程序能調用圖標么相關的資料

熱點內容
防騷擾的app哪個好 瀏覽:298
蘋果手機的微信數據如何導入華為 瀏覽:43
電腦怎麼編程算字元串長度 瀏覽:951
如何預防網路被佔用 瀏覽:394
dns怎麼修復不了網路異常 瀏覽:328
怎麼查看蘋果備份文件 瀏覽:26
網路上說的陳勁生是什麼 瀏覽:913
網站首頁都用了哪些知識點 瀏覽:41
如何刪除手機軟體的重復文件 瀏覽:908
微信頁面沒有添加圖標 瀏覽:47
暗黑綠色裝備升級 瀏覽:261
到哪裡學編程啊 瀏覽:752
電腦粉碎文件和卸載 瀏覽:365
怎麼查看共享電腦所有文件 瀏覽:617
創意編程社區賬號在哪裡 瀏覽:377
好用的壓縮文件 瀏覽:538
360下載的補丁包在哪個文件夾 瀏覽:988
微信54安卓版本官網 瀏覽:698
為什麼cnc編程找工作難 瀏覽:777
sql資料庫埠不通 瀏覽:361

友情鏈接