{{item.tree.desc}}

{{item.tree.desc2}}

暂无数据

wxss：

page{

background: #f5f5f5;

}

/*总体主盒子*/

.container {

position: relative;

width: 100%;

height: 100%;

background-color: #fff;

color: #939393;

}

/*左侧栏主盒子*/

.nav_left{

/*设置行内块级元素（没使用定位）*/

display: inline-block;

width: 25%;

height: 100%;

/*主盒子设置背景色为灰色*/

background: #f5f5f5;

text-align: center;

}

/*左侧栏list的item*/

.nav_left .nav_left_items{

/*每个高30px*/

height: 30px;

/*垂直居中*/

line-height: 30px;

/*再设上下padding增加高度，总高42px*/

padding: 6px 0;

/*只设下边线*/

border-bottom: 1px solid #dedede;

/*文字14px*/

font-size: 14px;

}

/*左侧栏list的item被选中时*/

.nav_left .nav_left_items.active{

/*背景色变成白色*/

background: #fff;

}

/*右侧栏主盒子*/

.nav_right{

/*右侧盒子使用了绝对定位*/

position: absolute;

top: 0;

right: 0;

flex: 1;

/*宽度75%，高度占满，并使用百分比布局*/

width: 75%;

height: 100%;

padding: 10px;

box-sizing: border-box;

background: #fff;

}

/*右侧栏list的item*/

.nav_right .nav_right_items{

/*浮动向左*/

float: left;

/*每个item设置宽度是33.33%*/

width: 33.33%;

height: 80px;

text-align: center;

}

.nav_right .nav_right_items image{

/*被图片设置宽高*/

width: 50px;

height: 30px;

}

.nav_right .nav_right_items text{

/*给text设成块级元素*/

display: block;

margin-top: 5px;

font-size: 10px;

/*设置文字溢出部分为...*/

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

js：

Page({

data: {

navLeftItems: [],

navRightItems: [],

curNav: 1,

curIndex: 0

},

onLoad: function() {

// 加载的使用进行网络访问，把需要的数据设置到data数据对象

var that = this

wx.request({

url: 'http://huanqiuxiaozhen.com/weHLoHtXqVmall/goodstype/typebrandList',

method: 'GET',

data: {},

header: {

{{userInfo.nickName}}

{{motto}}

index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

motto: 'Hello World',

userInfo: {}

},

//事件处理函数

bindViewTap: function() {

wx.navigateTo({

url: '../logs/logs'

})

},

onLoad: function () {

console.log('onLoad')

var that = this

//调用应用实例的方法获取全局数据

app.getUserInfo(function(userInfo){

//更新数据

that.setData({

userInfo:userInfo

})

})

}

})

index.wxss 是页面的样式表：

/**index.wxss**/

.userinfo http://{

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;

}

页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

index.json 是页面的配置文件：

页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。

logs 的页面结构