1

src/views/home/answer/page-answer-week.vue

@@ -7,7 +7,11 @@
       finished-text="没有更多了"
       @load="onLoad"
     >
-      <van-cell v-for="(item, index) in weekAnswerList" :key="index">
+      <van-cell
+        class="vanCell"
+        v-for="(item, index) in weekAnswerList"
+        :key="index"
+      >
         <div slot="default" class="contentItemDiv">
           <div class="contentItemTitle">
             {{ item.name }}
@@ -99,26 +103,31 @@ export default {
 
 <style lang="scss" scoped>
 .contentBody {
-  background-color: #fff;
-  .contentItemDiv {
-    .contentItemTitle {
-      font-size: 0.65rem;
-      font-weight: bold;
-    }
-    .startAnswerBox {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      color: #696969;
-      margin-top: 0.5rem;
-      .startButtonBox {
-        border-radius: 2px;
-        background-color: #b3a38c;
-        padding: 2px 8px;
+  .vanCell {
+    background-color: #f4f4f4;
+    .contentItemDiv {
+      background-color: #fff;
+      padding: 0.5rem 0.5rem;
+      border-radius: 0.2rem;
+      .contentItemTitle {
+        font-size: 0.65rem;
+        font-weight: bold;
       }
-      .startText {
-        color: #fff;
+      .startAnswerBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: #696969;
+        margin-top: 0.5rem;
+        .startButtonBox {
+          border-radius: 2px;
+          background-color: #b3a38c;
+          padding: 2px 8px;
+        }
+        .startText {
+          color: #fff;
+        }
       }
     }
   }