亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序?qū)崿F(xiàn)底部導(dǎo)航

 更新時(shí)間：2018年11月05日 14:14:18   作者：w10322331  
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部導(dǎo)航，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

之前我的做微信小程序的時(shí)候，需要一個(gè)底部導(dǎo)航樣式，但是我搜索的時(shí)候，大部分都是寫的一些小程序自定義的tabBar的樣式，而當(dāng)時(shí)我在網(wǎng)上有一個(gè)地方找到了這個(gè)模板，現(xiàn)在介紹給大家參考。

WXML代碼：

<import src="../../template/nav" />
 <view class="flex fix_nav_wp">
 <block wx:for="{{navData}}">
   <template is="nav" data="{{...item}}"/>
</block>
</view>

JS代碼：

Page({
 data: {
  navData: [
   {
    name: "購(gòu)物車", //文本
    current: 1,  //是否是當(dāng)前頁(yè)，0不是 1是
    style: 0,   //樣式
    ico: 'icon-qiugouguanli', //不同圖標(biāo)
    fn: 'gotoCompanyIndex'  //對(duì)應(yīng)處理函數(shù)
   }, {
    name: "我的名片",
    current: 0,
    style: 0,
    ico: 'icon-mingpianjia',
    fn: 'gotobusinessCard'
   }, {
    name: "發(fā)布中心",
    current: 0,
    style: 1,
    ico: '',
    fn: 'gotopublish'
   }, {
    name: "消息中心",
    current: 0,
    style: 0,
    ico: 'icon-yikeappshouyetubiao35',
    fn: 'gotoMessages'
   }, {
    name: "個(gè)人中心",
    current: 0,
    style: 0,
    ico: 'icon-wode',
    fn: 'bindViewMy'
   },
  ],
 
 },
 
})

WXSS代碼：

/**index.wxss**/
.userinfo {
 display: flex;
 flex-direction: column;
 align-items: center;
}
 
.userinfo-avatar {
 width: 128rpx;
 height: 128rpx;
 margin: 20rpx;
 border-radius: 50%;
}
 
.userinfo-nickname {
 color: #aaa;
}
 
.usermotto {
 margin-top: 200px;
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論