修改game cell的样式

src/components/recent-game.wpy

@@ -19,12 +19,12 @@
   }
   .comp-title {
     font-size:30rpx;
-    margin-left:10rpx;
     color:#777777;
     font-weight:bold;
-    padding:13rpx 10rpx;
+    padding:13rpx 20rpx;
     border-top:1px solid #eee;
-
+    background-color:#EFEFF4;
+    margin-bottom: 20rpx;
   }
 </style>
 <template>

src/style/game-cell.wxss

@@ -1,18 +1,18 @@
 .game-cell {
   display: flex;
   flex-flow: row nowrap;
-  padding: 20rpx;
-  width: 660rpx;
+  padding: 15px;
   border-bottom: 1px solid #eee;
+  width: 100%;
 }
 .game-cell .game-icon {
-  width: 130px;
-  float: left;
-  position: relative;
-  overflow: hidden;
-  background-size: cover;
-  margin-left: -15px;
-  padding: 2px;
+  margin-right:0.8em;
+  width:60px;
+  height:60px;
+  line-height:60px;
+  text-align:center;
+  margin-left: 15px;
+
 }
 .game-cell .game-icon image {
   width: 100%;
@@ -21,16 +21,26 @@
   max-height: 100%;
 }
 .content-view {
-  display: flex;
-  flex-flow: column nowrap;
-  margin-left: 5px;
+  flex:1;
+  min-width:0;
+  margin-right: 15px;
 }
 .content-view .title {
-  font-size: 32rpx;
+  font-weight:400;
+  font-size:17px;
+  width:auto;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  word-wrap:normal;
+  word-wrap:break-word;
+  word-break:break-all;
+
 }
 .content-view .content {
-  font-size: 24rpx;
-  color: #777;
+  color:#999999;
+  font-size:13px;
+  line-height:1.2;
   display:-webkit-box;
   word-break:break-all;
   text-overflow:ellipsis;

src/style/game-info.wxss

@@ -60,6 +60,9 @@
   font-size: 30rpx;
   font-weight: bold;
   padding: 5rpx 20rpx;
+  background-color:#EFEFF4;
+  margin-bottom:20rpx;
+
 }
 .hidden {
   display: none;

src/style/index.wxss

@@ -42,6 +42,7 @@ page {
   font-size:30rpx;
   width: 100%;
   margin-top: 20rpx;
+  background-color:#EFEFF4;
 }
 .list-title .left{
   margin-left:10rpx;