feat: 首页新增权益查看

src/modules/home/components/QueryView.vue

+<template>
+  <AppCard title="权益查看" id="query">
+    <div class="query">
+      <div class="query-left">
+        <div class="box box-avatar">
+          <router-link to="/query?active=0">
+            <h2>
+              <img
+                src="https://webapp-pub.ezijing.com/project/prp-h5/query_icon_1.png"
+                style="width: 0.48rem"
+              />持证人展示
+            </h2>
+            <p class="t1">先人一步 胜人一筹</p>
+            <p class="t2">去看看</p>
+          </router-link>
+        </div>
+      </div>
+      <div class="query-right">
+        <div class="box">
+          <router-link to="/query?active=1">
+            <h2>
+              <img
+                src="https://webapp-pub.ezijing.com/project/prp-h5/query_icon_2.png"
+                style="width: 0.38rem"
+              />证书查询
+            </h2>
+            <p class="t1">考试通过后可查看</p>
+          </router-link>
+        </div>
+        <div class="box">
+          <router-link to="/query?active=2">
+            <h2>
+              <img
+                src="https://webapp-pub.ezijing.com/project/prp-h5/query_icon_3.png"
+                style="width: 0.48rem"
+              />名片展示
+            </h2>
+            <p class="t1">持证人专属</p>
+          </router-link>
+        </div>
+      </div>
+    </div>
+  </AppCard>
+</template>
+
+<style lang="scss" scoped>
+.query {
+  display: flex;
+  justify-content: space-between;
+  .box {
+    padding: 0.22rem 0.2rem;
+    width: 3.33rem;
+    height: 1.56rem;
+    background: #fff url(https://webapp-pub.ezijing.com/project/prp-h5/query_bg_2.png) no-repeat;
+    background-size: contain;
+    border-radius: 0.2rem;
+    box-sizing: border-box;
+    h2 {
+      display: flex;
+      align-items: center;
+      font-size: 0.3rem;
+      font-weight: 500;
+      color: #4e4e4e;
+    }
+    img {
+      margin-right: 0.1rem;
+    }
+    .t1 {
+      margin-top: 0.14rem;
+      font-size: 0.26rem;
+      color: #033974;
+    }
+    .t2 {
+      display: inline-block;
+      padding: 0 0.2rem;
+      margin-top: 0.35rem;
+      font-size: 0.22rem;
+      line-height: 0.4rem;
+      color: #ffffff;
+      background-color: #033974;
+    }
+  }
+  .box + .box {
+    margin-top: 0.2rem;
+  }
+  .box-avatar {
+    height: 3.36rem;
+    background: #fff url(https://webapp-pub.ezijing.com/project/prp-h5/query_bg_1.png) no-repeat;
+    background-size: contain;
+  }
+}
+</style>

src/modules/home/views/Index.vue

@@ -6,6 +6,7 @@ import Banner from '../components/Banner.vue'
 import Menu from '../components/Menu.vue'
 import AdmissionGuide from '../components/AdmissionGuide.vue'
 import LearningMap from '../components/LearningMap.vue'
+import QueryView from '../components/QueryView.vue'
 // import ExamStrategy from '../components/ExamStrategy.vue'
 // import TeamRanking from '../components/TeamRanking.vue'
 // import Questions from '../components/Questions.vue'
@@ -36,6 +37,7 @@ onMounted(() => {
   <!-- 学习地图 -->
   <LearningMap :docs="data.learning_map_docs"></LearningMap>
   <!-- 权益查看 -->
+  <QueryView></QueryView>
   <!-- 荣誉总榜 -->
   <!-- <TeamRanking></TeamRanking> -->
   <!-- 考试攻略 -->