diff --git a/public/appmini/old/alipay/pages/goods-category/goods-category.acss b/public/appmini/old/alipay/pages/goods-category/goods-category.acss index 7d0a85424..6b9bb2497 100755 --- a/public/appmini/old/alipay/pages/goods-category/goods-category.acss +++ b/public/appmini/old/alipay/pages/goods-category/goods-category.acss @@ -1,9 +1,45 @@ -.content { - border-left: 1px solid #eee; - box-sizing: border-box; - overflow: hidden; - padding-bottom: 120rpx; - min-height: 100vh; +/** + 左侧导航 +*/ +.left-nav { + height: 100vh; + background: #ececec; + width: 230rpx; + overflow-x: hidden; + overflow-y: auto; +} +.left-nav .items { + height: 120rpx; + line-height: 120rpx; + font-size: 34rpx; + padding: 0 10rpx; + text-align: center; + color: #666; + border-left: 3px solid #ececec; + border-right: 3px solid #ececec; +} +.left-nav .items:not(:last-child) { + border-bottom: 1px solid #e6e6e6; +} +.nav-active { + border-left: 3px solid #e23f36 !important; + border-right: 3px solid #fff !important; + color: #e23f36; + background: #fff; +} + + +/** + 右侧内容 +*/ +.right-content { + height: 100vh; + width: calc( 100% - 230rpx ); + overflow-x: hidden; + overflow-y: auto; + position: absolute; + top: 0; + right: 0; } .content-items { float: left; diff --git a/public/appmini/old/alipay/pages/goods-category/goods-category.axml b/public/appmini/old/alipay/pages/goods-category/goods-category.axml index 7def3b54e..4648e7292 100755 --- a/public/appmini/old/alipay/pages/goods-category/goods-category.axml +++ b/public/appmini/old/alipay/pages/goods-category/goods-category.axml @@ -1,25 +1,20 @@ - + - - - - - - {{v.name}} - - - - + + {{item.name}} + - + + + + + + + {{v.name}} + + + + diff --git a/public/appmini/old/alipay/pages/goods-category/goods-category.js b/public/appmini/old/alipay/pages/goods-category/goods-category.js index 2d36c78d3..b2d18ec98 100755 --- a/public/appmini/old/alipay/pages/goods-category/goods-category.js +++ b/public/appmini/old/alipay/pages/goods-category/goods-category.js @@ -32,15 +32,15 @@ Page({ my.stopPullDownRefresh(); if (res.data.code == 0) { var data = res.data.data; - - // tabs - for(var i in data) { - data[i]['title'] = data[i]['name']; - data[i]['anchor'] = data[i]['id']; + var data_content = []; + if (data.length > 0) + { + data[0]['active'] = 'nav-active'; + data_content = data[0]['items']; } - this.setData({ data_list: data, + data_content: data_content, data_list_loding_status: data.length == 0 ? 0 : 3, data_bottom_line_status: true, }); @@ -76,17 +76,17 @@ Page({ this.init(); }, - // 处理事件 - handle_event(index) { + // 导航事件 + nav_event(e) { + var index = e.currentTarget.dataset.index; + var temp_data = this.data.data_list; + for(var i in temp_data) + { + temp_data[i]['active'] = (index == i) ? 'nav-active' : ''; + } this.setData({ - tab_active: index, - }); - }, - - // tab改变 - change_event(index) { - this.setData({ - tab_active: index, + data_list: temp_data, + data_content: temp_data[index]['items'], }); }, diff --git a/public/appmini/old/alipay/pages/login/login.acss b/public/appmini/old/alipay/pages/login/login.acss old mode 100755 new mode 100644 index b4630b2a0..759d398f3 --- a/public/appmini/old/alipay/pages/login/login.acss +++ b/public/appmini/old/alipay/pages/login/login.acss @@ -56,4 +56,7 @@ page{ } .user-login button { margin-top: 30rpx; + padding: 0 30rpx; + height: 65rpx; + line-height: 65rpx; } \ No newline at end of file