修改首页各板块的背景色和间隔

src/common/global.js

@@ -1,6 +1,7 @@
 const env = 'test'; //product, test
 export default {
   env: env,
+  // apiBase: env === 'test'? 'http://192.168.100.226' : 'https://ghost.kingsome.cn',
   apiBase: env === 'test'? 'https://ghost-test.kingsome.cn' : 'https://ghost.kingsome.cn',
   cdnBase: 'https://h5games-al.kingsome.cn/emulator-static/',
   version: '1.0.0',

src/components/recent-game.wpy

@@ -1,5 +1,9 @@
 <!--游戏cell-->
 <style lang="less">
+  .recent-game-container {
+    background-color:#FFFFFF;
+    margin-bottom:8px;
+  }
   .recent-game {
     width: 750rpx;
     margin-bottom: 10px;
@@ -25,28 +29,46 @@
   }
   .comp-title {
     font-size:30rpx;
-    color:#777777;
+    color:#aaa;
     font-weight:bold;
-    padding:13rpx 20rpx;
+    padding:15rpx 20rpx;
-    border-top:1px solid #eee;
-    background-color:#EFEFF4;
     margin-bottom: 20rpx;
+    position: relative;
+  }
+  .comp-title::after {
+    position: absolute;
+    left: 10px;
+    right: 0;
+    bottom: 0;
+    border-top: 1rpx solid #eee;
+    background: #eee;
+    content: ' ';
   }
   .title-divider {
     margin-left: 8px;
     margin-right: 8px;
   }
   .selected {
-    color: green;
+    color: #777777;
+    position: relative;
+  }
+  .selected::after{
+    position: absolute;
+    left: 15px;
+    right: 15px;
+    bottom: -6px;
+    border-top: 3px solid #777777;
+    background: #777777;
+    content: ' ';
   }
 </style>
 <template>
-  <view>
+  <view class="recent-game-container">
     <view class="comp-title">
       <i class="icon-bookmark"></i>
       <repeat for="{{titleList}}" item="titleStr" index="index">
         <text class="{{idx === index ? 'selected': ''}}" @tap="selectTitle({{index}})">{{titleStr}}</text>
-        <text class="title-divider {{titleStr? '' : 'hidden'}} {{index === titleList.length - 1 ? 'hidden' : ''}}">|</text>
+        <text class="title-divider {{titleStr? '' : 'hidden'}} {{index === titleList.length - 1 ? 'hidden' : ''}}"></text>
       </repeat>
     </view>
     <view class="recent-game">
@@ -67,7 +89,7 @@
     props = {
       gameList: [],
       titleList: [],
-      idx: {type: Number, default: -1}
+      idx: {type: Number, default: 0}
     }
     data = {
 

src/pages/index.wpy

@@ -40,10 +40,12 @@
       <view class="left"><i class="icon-bookmark"></i> 热门游戏</view>
       <view class="right" @tap="toSearch"><i class="icon-search"></i> 搜索</view>
     </view>
+    <view class="record-list">
       <repeat for="{{records}}" item="item" >
         <recordCell :item="item" @gameCellTap.user="gameTap" :showAll.sync = 'showAll'/>
       </repeat>
       <zanLoadmore :loading.sync="loading" :nodata.sync="noData" :nomore.sync="noMore" nodata_str="暂无数据"></zanLoadmore>
+    </view>
     <toast/>
     <inviteView :config.sync="inviteViewCfg" :btnList.sync="inviteBtns" @inviteBtnClick.user="inviteBtnClick" @needHideMe.user="hideInviteView"></inviteView>
     <zanToptips/>

src/style/game-cell.wxss

@@ -2,8 +2,8 @@
   display: flex;
   flex-flow: row nowrap;
   padding: 5px;
-  border-bottom: 1px solid #eee;
   width: 750rpx;
+  position: relative;
 }
 .game-cell .game-icon {
   margin-right:10px;
@@ -53,11 +53,11 @@
 }
 .game-cell::after {
   position: absolute;
-  left: 15rpx;
+  left: 10px;
   right: 0;
   bottom: 0;
-  border-top: 1rpx solid #e5e5e5;
+  border-top: 1rpx solid #eee;
-  background: #e5e5e5;
+  background: #eee;
   content: ' ';
 }
 .left-btn {

src/style/index.wxss

@@ -1,6 +1,9 @@
 page {
   overflow-x: hidden;
 }
+.container {
+  background-color: #EFEFF4;
+}
 .userinfo {
   display: flex;
   align-items: center;
@@ -32,7 +35,7 @@ page {
   background-color: #fff;
   z-index: 2;
   width: 750rpx;
-  margin-bottom:15px;
+  margin-bottom:8px;
 }
 
 .zan-loadmore--nodata {
@@ -43,7 +46,27 @@ page {
   justify-content: space-between;
   font-size:30rpx;
   width: 750rpx;
-  background-color:#EFEFF4;
+  background-color:#ffffff;
+  margin-bottom:1px;
+  margin-top: 1px;
+}
+.list-title::after{
+  position: absolute;
+  left: 15rpx;
+  right: 0;
+  bottom: 0;
+  border-top: 1rpx solid #e5e5e5;
+  background: #e5e5e5;
+  content: ' ';
+}
+.list-title::before{
+  position: absolute;
+  left: 15rpx;
+  right: 0;
+  bottom: 0;
+  border-top: 1rpx solid #e5e5e5;
+  background: #e5e5e5;
+  content: ' ';
 }
 .list-title .left{
   margin-left:10rpx;
@@ -86,4 +109,7 @@ page {
   margin-left: 8px;
   margin-right: 8px;
 }
+.record-list {
+  background-color: white;
+}