picduizhaoright.vue 3.3 KB
<template>
  <div class="cn_right_box clearfix">
    <!-- 标题及时间 -->
    <div class="cn_exam_title layout align_center justify">
      <h2>指导和例题</h2>
      <div>
        作答时限:
        <p class="cn_title_time">15分钟</p>
      </div>
    </div>
    <!-- 说明 -->
    <div class="cn_exam_exp">每一题都有两个词组,请观察他们之间的关系后,选出符合这样关系的答案,使整个句子完整而有意义。
此大题作答时间为5分钟,请把握时间尽可能快速且正确的回答。</div>
    <!-- 请看下列两个例题: -->
    <div class="cn_exam_two">
      <h2>请看下面例题:</h2>
    </div>
    <!-- 具体例题 -->
    <div class="cn_exam_detail" v-for="item in detList" :key="item.index">
      <!-- 上层 -->
      <!-- <div class="cn_det_top">
        <p class="cn_top_title">{{item.title}}</p>
      </div> -->
      <!-- 下层 -->
      <div class="cn_det_bot clearfix" style="border:none">
        <div class="cn_bot_box layout flex_diection justify">
          <!-- 问题 -->
          <div class="cn_box_question layout">{{item.question}}</div>
          <!-- 答案 -->
          <div class="cn_box_answer layout align_center justify flex_row">
            <p v-for="(secondItem,index) in item.answer" :key="index">{{secondItem}}</p>
          </div>
          <!-- 说明 -->
          <div class="cn_box_explain">{{item.explain}}</div>
        </div>
      </div>
    </div>
    <!-- 提示 -->
    <div class="induc_warn cn_exam_wran clearfix layout justify_center align_center">
      <div class="induc_pic">
        <img src="@/assets/img/12.png" alt />
      </div>

      <!-- <p class="induc_warn_content cn_wran_content">正式作答时若你觉得某些问题太难,可先做较简单的题目,有剩余时间再回头补作。</p> -->
    </div>
    <!-- 阅读完毕开始答题 -->
    <div class="currency_btn" @click="nextPage">阅读完毕开始答题</div>
  </div>
</template>
<script>
import { post } from "../../../../../api/http";
export default {
  data() {
    return {
      detList: [
        {
          index: 1,
          title: "例题1. 请选取相同关系的答案,使句子完整而有意义。",
          question: "_______之于右,好像西之于_______",
          answer: [
            "A 左 —— 北",
            "B  左 —— 南",
            "C  错误 —— 方向",
            "D  左 —— 东"
          ],
          explain:
            "在例题1.中,最适合的答案是D,因为“左之于右,好像西之于东”。“左对右”等于“西对东”。请点选D,以示其为正确的作答方式。"
        },
//         {
//           index: 2,
//           title: "例题2. 请判断字词之间的关系,使等号两端的意义相同。",
//           question: "木头 :腐朽 = 铁块 :_______",
//           answer: ["A  潮湿", "B  生锈", "C  钢铁", "D  破碎"],
//           explain:
//             "在例题2中,最适合的答案是B,因为“木头用久了会腐朽”与“铁块用久了会生锈”的相对意义是相同的。答案请点选选项B。"
//         }
      ]
    };
  },
  methods: {
    // 阅读完毕开始答题
    nextPage() {
       this.$router.push({ path: "/chinesetail" });
    }
  },
  mounted() {}
};
</script>
<style scoped>
@import "../../../../../style/exampleRight.css";
</style>