大数据导学

src/views/accurateTeaching/main.vue

@@ -1,5 +1,4 @@
 <template>
-  <!-- 题库中心首页 -->
   <div class="container">
     <div class="banner">
       <el-image style="width: 100vw" :src="require('@/assets/images/personal_database.png')" fit="none"></el-image>

src/views/evaluating/main.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="container">
+    <div class="banner">
+      <el-image style="width: 100vw" :src="require('@/assets/images/daoxue_banner.png')" fit="none"></el-image>
+    </div>
+    <div class="content">
+      <index-card title="在线试卷" class="mb20">
+        <el-row :gutter="20">
+         <el-col :span="8"  v-for="item in onLinePaper" >
+          <div class="wrap-item fx-row jc-between ai-center">
+            <div class="left" >
+              <el-image :src="item.img"></el-image>
+            </div>
+            <div>
+              <div class="fx-row ai-center">
+                <el-image  :src="require('@/assets/images/icon_paper.png')"></el-image>
+                <p class="bold">{{item.title}}</p>
+              </div>
+              <p class="mt20 mb20" style="color:#CECECE">少儿数字内容</p>
+              <div>
+                <el-button type="primary">立即查询</el-button>
+              </div>
+            </div>
+          </div>
+         </el-col>
+        </el-row>
+      </index-card>
+      <index-card title="学情分析" class="mb20">
+        <el-row :gutter="20">
+          <el-col :span="8"  v-for="item in onLinePaper" >
+            <div class="wrap-item fx-row jc-between ai-center">
+              <div class="left" >
+                <el-image :src="item.img"></el-image>
+              </div>
+              <div>
+                <div class="fx-row ai-center">
+                  <el-image  :src="require('@/assets/images/icon_paper.png')"></el-image>
+                  <p class="bold">{{item.title}}</p>
+                </div>
+                <p class="mt20 mb20" style="color:#CECECE">少儿数字内容</p>
+                <div>
+                  <el-button type="primary">立即查询</el-button>
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </index-card>
+      <index-card title="学情报告" class="mb20">
+        <el-button type="primary">查看报告</el-button>
+      </index-card>
+    </div>
+  </div>
+</template>
+<script>
+import IndexCard from '@/views/index/components/index-card.vue'
+import MxImageWrap from '@/views/questioncenter/components/main-card/mx-image-wrap.vue'
+import { mapGetters } from 'vuex'
+import store from '@/store'
+export default {
+  components: { IndexCard, MxImageWrap },
+  data() {
+    return {
+      onLinePaper: [
+        {
+          title: '个人测评',
+          img: require('@/assets/images/personal_eval.png'),
+          path: '/personalDatabase/personalResources/index'
+        },
+        {
+          title: '真题测评',
+          img: require('@/assets/images/personal_eval.png'),
+          path: '/personalDatabase/schoolResources/index'
+        },
+        {
+          title: '学校测评',
+          img: require('@/assets/images/personal_eval.png'),
+          path: '/personalDatabase/cloudTank/index'
+        },
+      ],
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped lang="scss">
+.content {
+  width: 70%;
+  margin: 0 auto;
+  padding-bottom: 20px;
+  margin-top: 20px;
+}
+
+.container {
+  background: #f5f4f9;
+}
+.wrap-item{
+  background: #F7F8FD;
+  border-radius: 4px;
+  padding: 20px 30px 0 30px;
+}
+.right{
+  display: flex;
+}
+
+</style>