? ?? ?? ?? ????? ???? ???? ?? ??? ??? ???? ???? ???, ??? ???? ????? ???.

???? ???? ??? ?? WeChat ?? ????

?? ???:

?? ? ???? ??? ???? ????. ?

"navigationBarBackgroundColor": "#AFE2E6",//bar背景顏色
"navigationBarTextStyle": "white",//bar字體顏色
"backgroundColor": "white",//背景顏色
"enablePullDownRefresh": "true"//下拉是否刷新

tabBar ??

?? ??? ??? ????(wxml)

<view>
<navigator url=&#39;/pages/14/1&#39;>
<view class="waylist">
<view class="im im1">1</view>
<view class="way">廣從1號線</view>
<view class="ste">市汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
<navigator url=&#39;/pages/14/2&#39;>
<view class="waylist">
<view class="im im2">2</view>
<view class="way">廣從2號線</view>
<view class="ste">芳村汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
<navigator url=&#39;/pages/14/3&#39;>
<view class="waylist">
<view class="im im3">3</view>
<view class="way">廣從3號線</view>
<view class="ste">羅沖圍汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/4&#39;>
<view class="waylist">
<view class="im im4">4</view>
<view class="way">廣從4快號線</view>
<view class="ste">天河客運站 -從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
<navigator url=&#39;/pages/14/5&#39;>
<view class="waylist">
<view class="im im4">4</view>
<view class="way">廣從4線</view>
<view class="ste">天河客運站 -從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
<navigator url=&#39;/pages/14/6&#39;>
<view class="waylist">
<view class="im im5">5</view>
<view class="way">廣從5號線</view>
<view class="ste">東站汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
<navigator url=&#39;/pages/14/7&#39;>
<view class="waylist">
<view class="im im6">6</view>
<view class="way">廣從6號線</view>
<view class="ste">東圃客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/8&#39;>
<view class="waylist">
<view class="im im7">7</view>
<view class="way">廣從7號線</view>
<view class="ste">黃埔客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/9&#39;>
<view class="waylist">
<view class="im im8">8</view>
<view class="way">廣從8號線</view>
<view class="ste">廣園汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/10&#39;>
<view class="waylist">
<view class="im im8">8</view>
<view class="way">廣從8快線</view>
<view class="ste">廣園汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/11&#39;>
<view class="waylist">
<view class="im im9">9</view>
<view class="way">廣從9號線</view>
<view class="ste">滘口汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/12&#39;>
<view class="waylist">
<view class="im im10">10</view>
<view class="way">廣從10號線</view>
<view class="ste">越秀南客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/13&#39;>
<view class="waylist">
<view class="im im10">10</view>
<view class="way">廣從10快線</view>
<view class="ste">越秀南客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" class="hidden" />
<view class="jian">></view>
</view>
</navigator>
<navigator url=&#39;/pages/14/14&#39;>
<view class="waylist">
<view class="im im11">11</view>
<view class="way">廣從11號線</view>
<view class="ste">海珠汽車客運站-從化汽車站</view>
<image src="/assets/images/subway.jpg" style="width:30px; height:30px;" />
</view>
</navigator>
</view>

wxss

.waylist{
display: flex;
border-bottom: 1px solid gray;
font-size: 13px;
}
.waylist view{
height:40px;
line-height: 40px;
}
.waylist .im{
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
color:white;
margin-top: 7.5px;
margin-right: 5px;
border-radius: 50px;
margin-left: 5px;
}
.ste{
color:gray;
text-align: left;
font-size: 12px;
width: 60%;
}
.way{
width: 30%;
}
.jian{
text-align: right;
font-size: 20px;
color:gray;
}
.hidden{
visibility: hidden;
}
image{
margin-top:5px;
}
.im1{
}
.im2{
}
.im3{
}
.im4{
}
.im5{
}
.im6{
}
.im7{
}
.im8{
}
.im9{
}
.im10{
}
.im11{
}

json ??

{
"navigationBarTitleText": "所有廣從線"//bar內(nèi)容
}

js ??

Page({
data:{},
onLoad:function(options){
// 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關(guān)閉
},
})

? ??? WeChat ?? ???? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!