studystyleexample.vue 1.7 KB
<template>
  <!-- 语文辞意推理 -->
  <div class="cn_example clearfix">
    <!-- 左侧 说明-->
    <div class="cn_exam_l clearfix">
      <div class="cn_left_box">
        <!-- 词意推理 -->
        <div class="cn_box_title">
          <h1>
            第一部分
            <br>
            语文辞意推理
          </h1>
        </div>
        <!-- 测评说明 -->
         <!-- 说明的内容 -->
        <!-- <div class="cn_box_explain clearfix">
          <h2>测评说明:</h2>
          <div class="cn_exp_step" v-for="item in stepList" :key="item.index">
            <h3>{{item.step}}</h3>
           
            <p class="cn_step_exp">{{item.content}}</p>
            <p class="cn_step_exp">{{item.content2}}</p>
          </div>
        </div> -->
        <!-- 图片 -->
        <div class="cn_box_p" style="margin-top:181px">
          <img src="@/assets/img/13.png" alt>
        </div>
      </div>
    </div>
    <!-- 右侧 题目 -->
    <div class="cn_exam_r">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      stepList: [
        {
          index: 1,
          step: "Step1:",
          content:
            "每个分测验都有说明与例题,阅读完后请按下【开始作答】进行该分测验,时间随即开始倒数。"
        },
        {
          index: 2,
          step: "Step2:",
          content: "作答时若遇到不会的题目,可先跳往下一题作答;",
          content2: "开始作答进行该分测验,时间随即开始倒数。"
        }
      ]
    };
  },
};
</script>
<style scoped>
@import '../../../../../style/example.css'
</style>