本文主要介紹微信小程式使用者自訂模版用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了微信小程式自訂範(fàn)本的定義、資料呼叫、佈局設(shè)定等簡(jiǎn)單使用技巧,需要的朋友可以參考下。
1、新建一個(gè)wxml（為測(cè)試方便，這裡將wxml檔案建立在home目錄下）
/home/home/botmenu.wxml：
<template name="bottommenu">
<view class="bottomposition">
<navigator class="item_info" url="../home/home">
<image src="../img/sy.png"></image>
<text>首頁(yè)</text>
</navigator>
<navigator class="item_info" url="/pages/home/home">
<image src="../img/xx.png"></image>
<text>消息</text>
</navigator>
<navigator class="item_info" url="/pages/home/home">
<image src="../img/lz.png"></image>
<text>工具</text>
</navigator>
<navigator class="item_info" url="/pages/home/home">
<image src="../img/wo.png"></image>
<text>我</text>
</navigator>
</view>
</template>2、新建wxss
/home/home/botmenu.wxss：
.bottomposition{
width: 100%;
height: 10%;
position: fixed;
overflow: hidden;
left: 0;
top: 90%;
z-index: 1100;
display: flex;
border-top: 1rpx solid #dadada;
}
.item_info {
width: 25%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.item_info image {
width: 20px;
height: 20px;
}
.item_info text {
margin-top: 5px;
font-size: 12px;
}
.infolist{
margin:10px;
padding: 0 10px;
font-size: 12px;
}3、頁(yè)面引用
<import src="../home/home.wxml"/> <view class="info"> <template is="bottommenu"></template> </view>
4、頁(yè)面樣式引用##
@import "../home/home.wxss";5、index .js中的data資料：
data: {
tool_list:[{
name:"在線JavaScript代碼美化、格式化工具",
url:"http://tools.jb51.net/code/js"
},{
name:"json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具",
url:"http://tools.jb51.net/code/jsoncodeformat"
},{
name:"中文繁體字簡(jiǎn)體字轉(zhuǎn)換(繁簡(jiǎn)轉(zhuǎn)換)工具",
url:"http://tools.jb51.net/transcoding/convertzh"
},{
name:"正則表達(dá)式在線生成工具",
url:"http://tools.jb51.net/regex/create_reg"
},{
name:"XML代碼在線格式化美化工具",
url:"http://tools.jb51.net/code/xmlcodeformat"
},{
name:"在線科學(xué)計(jì)算器",
url:"http://tools.jb51.net/jisuanqi/jsqkexue"
},{
name:"BASE64編碼解碼工具",
url:"http://tools.jb51.net/transcoding/base64"
}]
},6、index.wxml以上內(nèi)容就是微信小程式使用者自訂模版的功能實(shí)現(xiàn)，希望能幫助大家。 相關(guān)推薦：腳本之家在線工具 <import src="../home/home.wxml"/> <view class="info"> <template is="bottommenu"></template> </view> {{item.name}} - {{item.url}}
微信小程式實(shí)作動(dòng)態(tài)改變view標(biāo)籤寬度和高度的方法
微信小程式開(kāi)發(fā)入門(mén)實(shí)例
以上是微信小程式用戶(hù)自訂模版的功能實(shí)現(xiàn)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
如何用小紅書(shū)號(hào)找出用戶(hù)？能查到手機(jī)號(hào)碼嗎？
Mar 22, 2024 am 08:40 AM
隨著社群媒體的迅速發(fā)展，小紅書(shū)已經(jīng)成為了備受青睞的社群平臺(tái)之一。用戶(hù)可以透過(guò)建立小紅書(shū)號(hào)來(lái)展示個(gè)人身份，並與其他用戶(hù)交流互動(dòng)。如果你需要找某個(gè)用戶(hù)的小紅書(shū)號(hào)碼，可以按照以下簡(jiǎn)單步驟來(lái)操作。一、如何用小紅書(shū)號(hào)找出用戶(hù)？ 1.開(kāi)啟小紅書(shū)APP，點(diǎn)選右下角的「發(fā)現(xiàn)」按鈕，然後選擇「筆記」選項(xiàng)。 2.在筆記清單中，找到你想找的用戶(hù)發(fā)布的筆記。點(diǎn)擊進(jìn)入筆記詳情頁(yè)。 3.在筆記詳情頁(yè)中，點(diǎn)選使用者頭像下方的「追蹤」按鈕，即可進(jìn)入該使用者的個(gè)人首頁(yè)。 4.在使用者個(gè)人主頁(yè)右上角，點(diǎn)選三個(gè)點(diǎn)按鈕，然後選擇「?jìng)€(gè)人資訊
如何在Netflix中快速設(shè)定自訂頭像
Feb 19, 2024 pm 06:33 PM
Netflix上的頭像是你串流媒體身分的視覺(jué)化代表。使用者可以超越預(yù)設(shè)的頭像來(lái)展現(xiàn)自己的個(gè)性。繼續(xù)閱讀這篇文章，了解如何在Netflix應(yīng)用程式中設(shè)定自訂個(gè)人資料圖片。如何在Netflix中快速設(shè)定自訂頭像在Netflix中，沒(méi)有內(nèi)建功能來(lái)設(shè)定個(gè)人資料圖片。不過(guò)，您可以透過(guò)在瀏覽器上安裝Netflix擴(kuò)充功能來(lái)實(shí)現(xiàn)此目的。首先，在瀏覽器上安裝Netflix擴(kuò)充功能的自訂個(gè)人資料圖片。你可以在Chrome商店買(mǎi)到它。安裝擴(kuò)充功能後，在瀏覽器上開(kāi)啟Netflix並登入您的帳戶(hù)。導(dǎo)航至右上角的個(gè)人資料，然後點(diǎn)擊
以超級(jí)使用者登入U(xiǎn)buntu
Mar 20, 2024 am 10:55 AM
在Ubuntu系統(tǒng)中，root使用者通常是停用狀態(tài)的。要啟動(dòng)root用戶(hù)，可以使用passwd指令設(shè)定密碼，然後使用su-指令以root身分登入。根用戶(hù)是具有系統(tǒng)管理權(quán)限且不受限制的使用者。他擁有存取和修改檔案、使用者管理、軟體安裝和刪除，以及系統(tǒng)配置變更等權(quán)限。根用戶(hù)與一般用戶(hù)有著明顯的區(qū)別，根用戶(hù)擁有系統(tǒng)中最高的權(quán)限和更廣泛的控制權(quán)。根用戶(hù)可以執(zhí)行重要的系統(tǒng)命令和編輯系統(tǒng)文件，而普通用戶(hù)則無(wú)法做到這一點(diǎn)。在本指南中，我將探討Ubuntu根用戶(hù)，如何以根用戶(hù)身份登錄，以及它與一般用戶(hù)的不同之處。注意
教學(xué)：Ubuntu系統(tǒng)如何刪除一般使用者帳號(hào)？
Jan 02, 2024 pm 12:34 PM
Ubuntu系統(tǒng)增加了許多用戶(hù)，想在不用的用戶(hù)想要?jiǎng)h除，該怎麼刪除呢？下面我們就來(lái)看看詳細(xì)的教學(xué)。 1.開(kāi)啟終端命令列，運(yùn)用userdel指令刪除指定的用戶(hù)，注意要加sudo權(quán)限指令，如下圖所示2、在刪除的時(shí)候一定注意是在管理員目錄下的，普通的用戶(hù)是沒(méi)有這個(gè)權(quán)限的，如下圖所示3、刪除指令執(zhí)行完了以後怎麼判斷是否真正刪除了呢？下面我們運(yùn)用cat指令開(kāi)啟passwd文件，如下圖所示4、我們看到passwd檔案中已經(jīng)沒(méi)有了所刪除的使用者資料了，這證明使用者已經(jīng)被刪除了，如下圖所示5、然後我們進(jìn)入home文件
Eclipse中自訂快捷鍵設(shè)定的方法
Jan 28, 2024 am 10:01 AM
如何在Eclipse中自訂快捷鍵設(shè)定？身為開(kāi)發(fā)人員，在使用Eclipse進(jìn)行編碼時(shí)，熟練快捷鍵是提高效率的關(guān)鍵之一。 Eclipse作為一個(gè)強(qiáng)大的整合開(kāi)發(fā)環(huán)境，不僅提供了許多預(yù)設(shè)的快捷鍵，還允許使用者根據(jù)自己的偏好進(jìn)行個(gè)人化的客製化。本文將介紹如何在Eclipse中自訂快捷鍵設(shè)置，並給出具體的程式碼範(fàn)例。打開(kāi)Eclipse首先，打開(kāi)Eclipse，並進(jìn)入
什麼是 sudo，為什麼它如此重要？
Feb 21, 2024 pm 07:01 PM
sudo（超級(jí)使用者執(zhí)行）是Linux和Unix系統(tǒng)中的關(guān)鍵指令，允許一般使用者以root權(quán)限執(zhí)行特定指令。 sudo的功能主要體現(xiàn)在以下幾個(gè)方面：提供權(quán)限控制：sudo透過(guò)授權(quán)使用者以臨時(shí)方式取得超級(jí)使用者權(quán)限，從而實(shí)現(xiàn)了對(duì)系統(tǒng)資源和敏感操作的嚴(yán)格控制。普通用戶(hù)只能在需要時(shí)透過(guò)sudo獲得臨時(shí)的特權(quán)，而不需要一直以超級(jí)用戶(hù)登入。提升安全性：透過(guò)使用sudo，可以避免在常規(guī)操作中使用root帳號(hào)。使用root帳戶(hù)進(jìn)行所有操作可能會(huì)導(dǎo)致意外的系統(tǒng)損壞，因?yàn)槿魏五e(cuò)誤或不小心的操作都將具有完全的權(quán)限。而
edius自訂螢?zāi)粊丫值牟僮髁鞒?/a>
excel怎麼自訂x軸和y軸？ (excel座標(biāo)軸刻度如何自訂)
Mar 14, 2024 pm 02:10 PM
在excel表格中，有時(shí)候可能需要插入座標(biāo)軸，能夠更直觀地看到資料的變化趨勢(shì)。還有些小夥伴不清楚怎麼在表中插入座標(biāo)軸，接下來(lái)小編就跟大家分享一下excel自訂座標(biāo)軸刻度的方法吧?！ ∽鶚?biāo)軸插入方法： 1、在excel介面中，選取資料?！ ?、在插入介面中，點(diǎn)選插入長(zhǎng)條圖或長(zhǎng)條圖?！ ?、在展開(kāi)的介面中，選擇形圖類(lèi)型。 4、在表格右鍵介面中，點(diǎn)選選擇資料?！ ?、在展開(kāi)的介面中，進(jìn)行自訂即可。
