在线答题

src/project/qujing/AppLegalLearning/AppLegalLearning.vue

@@ -17,7 +17,7 @@ export default {
   appName: '法治学习',
   data() {
     return {
-      currIndex: 0,
+      currIndex: 1,
       tabs: [
         {
           name: '在线课堂',

src/project/qujing/AppLegalLearning/classDetail.vue

@@ -65,9 +65,6 @@
         <div class="send_btn">发送</div>
       </div>
 		</u-popup>
-
-
-
   </div>
 </template>
 
@@ -91,7 +88,8 @@ export default {
 
 <style lang="scss" scoped>
 .classDetail {
-
+  padding-bottom: 140px;
+  box-sizing: border-box;
   .media {
     img {
       width: 100%;

src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue

@@ -21,9 +21,24 @@
           </div>
           <div class="grade">98</div>
         </div>
-        <div class="card_bottom col_blue" @click="toTest()">参加考试</div>
+        <div class="card_bottom col_blue" @click="handleToTest()">参加考试</div>
       </div>
     </div>
+    <u-popup v-model="show" mode="bottom" border-radius="32">
+			<div class="send_box">
+        <div class="text">
+          <textarea
+              @blur="height = 0"
+              placeholder-style="color: #999;font-size: 16px;"
+              v-model="content"
+              :cursor-spacing="40"
+              placeholder="我来说两句..."
+              @keyboardheightchange="keyboard">
+          </textarea>
+        </div>
+        <div class="send_btn">发送</div>
+      </div>
+		</u-popup>
   </div>
 </template>
 

src/project/qujing/AppLegalLearning/testForm.vue

@@ -5,12 +5,16 @@
       <div class="type_left">单选题</div>
       <div><span class="col_blue">{{ activeIndex + 1 }}</span>/{{questionList.length}}</div>
     </div>
+    <div class="topic">
       <div v-for="(item,index) in questionList" :key="index">
         <div v-if="activeIndex === index">
           <div>{{ item.subject }}</div>
-          
+          <div>
+            
+          </div>
         </div>
       </div>
+    </div>
     <div class="btn" @click="next" v-if="activeIndex < questionList.length - 1">下一题</div>
   </div>
 </template>
@@ -21,14 +25,15 @@ export default {
   data() {
     return {
       backgroundNavbar: {
-        // background: "url('./img/navbar.png') no-repeat",
+        background: "url('./img/navbar.png') no-repeat",
         backgroundSize: '100% 100%',
       },
       activeIndex: 0,
+      options: ['A','B','C','D','E','F','G','H','I','J','K','L','M'],
       questionList: [
         {
           index: 0,
-          subject: "第1题",
+          subject: "共产党成立年份是？",
           answer: "答案",
           jiexi: '解析'
         },
@@ -78,12 +83,12 @@ export default {
 <style lang="scss" scoped>
 .testForm {
   // background: url("./img/bg.png") no-repeat;
+  padding: 0 32px;
+  margin-top: 80px;
 
   .type {
     display: flex;
     justify-content: space-between;
-    padding: 0 32px;
-    margin-top: 80px;
     box-sizing: border-box;
     font-size: 28px;
     color: #333333;
@@ -98,6 +103,15 @@ export default {
 
   }
 
+  .topic {
+    background: #FFF;
+    margin-top: 32px;
+    padding: 24px;
+    margin-top: 80px;
+    border-radius: 16px;
+    box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
+  }
+
   .btn {
     position: fixed;
     left: 50%;
@@ -109,6 +123,9 @@ export default {
     text-align: center;
     background: #2D7DFF;
     border-radius: 44px;
+    font-weight: 500;
+    font-size: 34rpx;
+    color: #FFFFFF;
   }
 }
 </style>