애플릿 사용자 정의 템플릿 탐색

3287 단어 위챗 애플릿

하나,


페이지 동급 디렉터리 새 tabbar.wxml




{{item.text}}

전역 앱에서js에서 구성


editTabBar: function () {
var _curPageArr = getCurrentPages();
var _curPage = _curPageArr[_curPageArr.length - 1];
var _pagePath = _curPage.__route__;
if (_pagePath.indexOf('/') != 0) {
_pagePath = '/' + _pagePath;
}
var tabBar = this.globalData.tabBar;
for (var i = 0; i < tabBar.list.length; i++) {
tabBar.list[i].active = false;
if (tabBar.list[i].pagePath == _pagePath) {
tabBar.list[i].active = true;//페이지 주소에 따라 현재 페이지 상태 설정
}
}
_curPage.setData({
tabBar: tabBar
});
},
globalData: {
userInfo: null,
tabBar: {
color: "#a9b7b7",
selectedColor: "#11cd6e",
borderStyle: "white",
list: [
{
selectedIconPath: "/image/roomres1.png",
iconPath: "/image/roomres.png",
pagePath: "/pages/welcome/roomres/roomres",
text: "방 예약",
clas: "menu-item",
selected: true
},
{
selectedIconPath: "/image/topselling1.png",
iconPath: "/image/topselling.png",
pagePath: "/pages/welcome/topselling/topselling",
text:"폭발물",
clas: "menu-item",
selected: false
},
{
selectedIconPath: "/image/questionnaire1.png",
iconPath: "/image/questionnaire.png",
pagePath: "/pages/welcome/socialreaserch/socialreaserch",
text:"조사 연구",
clas: "menu-item",
selected: false
},
{
selectedIconPath: "/image/local1.png",
iconPath: "/image/local.png",
pagePath: "/pages/welcome/local/local",
text: "현지",
clas: "menu-item",
selected: false
},
{
selectedIconPath: "/image/mine1.png",
iconPath: "/image/mine.png",
pagePath: "/pages/welcome/mine/mine",
text: "내꺼",
clas: "menu-item",
selected: false
}
],
position: "bottom"
}
}

전역 설정 앱.wxss에서 내비게이션 표시줄 설정 스타일


.menu-item{
width: 20%;
float: left;
text-align: center;
padding-top: 8px;
}
.img{
width: 23px;
height: 23px;
display: block;
margin:auto;
}
.clear{
clear: both;
}
.tab-bar{
background-color: white;
position: fixed;
width: 100%;
/* padding: 0px 2%; */
}

둘째,


1. 템플릿 탐색을 표시해야 합니다.wxml 페이지 설정
템플릿 가져오기
아래쪽 탐색은 일부 내용을 덮어씁니다.
2. 있습니다.js 페이지 설정
var app = getApp()
onLoad: function (options) {
app.editTabBar();
},

3. 시간 가감


 
//   
    var timestamp = Date.parse(new Date());  
    timestamp = timestamp / 1000;  
    console.log(" :" + timestamp);  
  
//   
    var n = timestamp * 1000;  
    var date = new Date(n);  
    //   
    var Y = date.getFullYear();  
    //   
    var M = (date.getMonth() + 1  
 

좋은 웹페이지 즐겨찾기