怎么在微信小程序中使用自定義模版？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),丹陽(yáng)企業(yè)網(wǎng)站建設(shè),丹陽(yáng)品牌網(wǎng)站建設(shè),網(wǎng)站定制,丹陽(yáng)網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,丹陽(yáng)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

1、新建一個(gè)wxml（為測(cè)試方便，這里將wxml文件建立在home目錄下）

/home/home/botmenu.wxml：

  
   
     
     首頁(yè)
   
   
     
     消息
   
   
     
     工具
   
   
     
     我
   
  

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è)面引用

4、頁(yè)面樣式引用

@import "../home/home.wxss";

5、index.js中的data數(shù)據(jù)：

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

創(chuàng)新互聯(lián)在線工具

 {{item.name}} - {{item.url}}



 

關(guān)于怎么在微信小程序中使用自定義模版問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。