애플릿 사용자 정의 템플릿 탐색
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
유니앱, 위챗 애플릿에서 MQTT 사용 문제
(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
유니앱, 위챗 애플릿에서 MQTT 사용 문제
(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
//
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
유니앱, 위챗 애플릿에서 MQTT 사용 문제(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.