HealthStudentWeb/src/views/optimize/experts.vue

<!-- 专家介绍 -->
<template>
  <div class="experts">
    <!-- 专家介绍 -->
    <van-nav-bar title="专家介绍" :border="true" :left-arrow="true" @click-left="onNavBack" left-text="返回">
      <template #left>
        <van-icon name="arrow-left" size="24" style="padding: 0" />
        <span>返回</span>
      </template>
    </van-nav-bar>
    <div class="main">
      <div class="introduce">
        <h3>黛建松</h3>
        <span>清华大学心理学教授儿童心理问题咨询治疗经验。</span>
        <p><i>700人次</i>咨询<br />从业<i>30年</i></p>
        <img src="@/assets/optimize/images/3_48.png" alt="" />
      </div>
      <div class="title">
        <van-checkbox-group v-model="result">
          <van-checkbox name="1">北京协和医学院专家</van-checkbox>
          <van-checkbox name="1">儿童青少年心理权威专家</van-checkbox>
          <van-checkbox name="1">北京云帆启迪心理咨询中心主任</van-checkbox>
        </van-checkbox-group>
      </div>
      <div class="summary">
        <p>
          她提倡“适应力教育和能力训练”，训练孩子的学习能力、良好 的情绪、人际关系以及强大的适应力。30年来帮助数万个家庭
          走出孩子成长中的困境，引领家长成为孩子成长的好教练。她
          著有《让孩子学习上瘾的十大法则》、《不抢跑也能超越》等多本
          畅销书。在《人民日报》、《北京青年报》等主流媒体发表上百篇科 普文章。担任中央电视台多档节目特邀专家。
        </p>
      </div>
    </div>
    <!-- 底部导航 -->
    <TabBar />
  </div>
</template>

<script>
import TabBar from '@/components/TabBar';
import { Checkbox, CheckboxGroup } from 'vant';
export default {
  components: {
    TabBar,
    [Checkbox.name]: Checkbox,
    [CheckboxGroup.name]: CheckboxGroup
  },
  data() {
    return {
      result: ['1']
    };
  },
  created() {
    console.log(this.$route.query);
  },
  mounted() {},
  methods: {
    //   返回
    onNavBack() {
      this.$router.push({
        name: 'Optimize'
      });
    }
  }
};
</script>
<style scoped lang="scss">
@import './scss/experts.scss';
</style>