Browse Source

完善样式

huangtao 3 years ago
parent
commit
319fe8f49b

+ 36 - 22
src/views/home/answer/page-answer-special.vue

@@ -16,10 +16,17 @@
           <div class="contentItemTitle">
             {{ item.name }}
           </div>
+          <div class="createdTime" style="margin-top: 0.5rem">
+            {{
+              item.createdTime
+                ? formateDatesFun(item.createdTime)
+                : item.createdTime
+            }}
+          </div>
           <div class="startAnswerBox" @click="clickAnswer(item)">
             <!-- 此处的div不可以注释,否则样式会变,只需要注释时间即可 -->
-            <div>
-              {{ formateDatesFun(item.createdTime) }}
+            <div class="createdTime">
+              <!-- {{ formateDatesFun(item.createdTime) }} -->
             </div>
             <div class="startButtonBox">
               <span class="startText">开始答题</span>
@@ -64,7 +71,7 @@ export default {
         page: this.specialPage,
         size: this.specialSize,
         engineertypeid: this.chooseEngneeringWork.id,
-        username: this.userInfo.userName
+        userName: this.userInfo.userName
       };
       this.$_http
         .get(this.$_API.GET_JTXT_SPECIAL_QUESTIONS, { params })
@@ -106,26 +113,33 @@ export default {
 
 <style lang="scss" scoped>
 .contentBody {
-  background-color: #f0f0f0;
-  .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;
+      }
+      .createdTime {
+        color: #696969;
       }
-      .startText {
-        color: #fff;
+      .startAnswerBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 0.5rem;
+        .startButtonBox {
+          border-radius: 2px;
+          background-color: #b3a38c;
+          padding: 2px 8px;
+        }
+        .startText {
+          color: #fff;
+        }
       }
     }
   }

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

@@ -15,7 +15,7 @@
           <div class="startAnswerBox" @click="clickAnswer(item)">
             <!-- 此处的div不可以注释,否则样式会变,只需要注释时间即可 -->
             <div>
-              {{ formateDatesFun(item.createdTime) }}
+              <!-- {{ formateDatesFun(item.createdTime) }} -->
             </div>
             <div class="startButtonBox">
               <span class="startText">开始答题</span>