添加考试积分说明页面

src/views/home/person/exam-point-rule.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="learn-point-rule-box">
+    <van-nav-bar title="积分说明" left-arrow @click-left="onClickLeft" />
+    <div>
+      <div class="learn-point-rule-top">积分规则如下:</div>
+      <div
+        v-for="(item, index) in ruleList"
+        :key="index"
+        class="learn-point-rule-row-item"
+      >
+        <div class="learn-point-rule-row">
+          <div class="learn-point-rule-row-icon">{{ " " }}</div>
+          <div class="learn-point-rule-row-title">{{ item.name }}</div>
+        </div>
+        <div class="learn-point-rule-content">{{ item.content }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "exam-point-rule",
+  components: {},
+  data() {
+    return {
+      ruleList: [
+        {
+          name: "普通考试",
+          content: "普通考试获得的考试成绩直接兑换为与成绩相等的积分数量"
+        },
+        {
+          name: "专项考试",
+          content: "专项考试获得的考试成绩直接兑换为与成绩相等的积分数量"
+        }
+      ]
+    };
+  },
+  mounted() {},
+  methods: {
+    // 操作：返回
+    onClickLeft() {
+      this.$router.back();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.learn-point-rule-box {
+  width: 100%;
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  font-size: 0.6rem;
+  background-color: #fff;
+  .learn-point-rule-top {
+    padding: 0.5rem 0.5rem 0;
+    font-size: 0.7rem;
+  }
+  .learn-point-rule-row-item {
+    width: 100%;
+    padding: 0 0.5rem;
+    margin-top: 0.5rem;
+    .learn-point-rule-row {
+      display: flex;
+      align-items: center;
+      .learn-point-rule-row-icon {
+        width: 3px;
+        height: 0.6rem;
+        background-color: #0088e9;
+      }
+      .learn-point-rule-row-title {
+        font-size: 0.75rem;
+        font-weight: bold;
+        margin-left: 0.25rem;
+      }
+    }
+    .learn-point-rule-content {
+      margin-top: 0.25rem;
+      padding-left: 0.5rem;
+      color: #696969;
+      word-break: break-all;
+      word-wrap: break-word;
+    }
+  }
+}
+</style>