kefucenter.vue 1.8 KB
<template>
  <div clas="containerbox">
    <div class="kefubox">
      <div class="kefutitle">猜你想问</div>
      <div class="coursenav flexone">
        <div
          class="kefunavitem"
          :class="selnav == index ? 'selactive' : ''"
          :data-id="index"
          @click="selectnav"
          v-for="(item, index) in navarr"
          :key="index"
        >{{ item }}</div>
      </div>
      <div class="quesname">如何加入唐元集,唐元集目前对各个岗位的薪资以及福利待遇</div>
      <div class="quesname">如何加入唐元集,唐元集目前对各个岗位的薪资以及福利待遇</div>
    </div>

    <div class="kefucenterbox flexone">
      <div class="courseboxitem kefuitem">
        <div class="coursenameimg">
          <img src="../../../assets/sucaiimg.png" alt />
          <img src="../../../assets/anniu.png" alt class="rediaoplay" />
        </div>
        <div class="coursetext">
          <div class="coursename">视频1</div>
        </div>
      </div>
      <div class="courseboxitem kefuitem">
        <div class="coursenameimg">
          <img src="../../../assets/sucaiimg.png" alt />
          <img src="../../../assets/anniu.png" alt class="rediaoplay" />
        </div>
        <div class="coursetext">
          <div class="coursename">视频1</div>
        </div>
      </div>
    </div>

    <div class="suciabot">
      <div class="sucaibtn">联系客服</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selnav: 0,
      navarr: [
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一",
        "分类一"
      ]
    }
  }

}
</script>

<style scoped>
@import "../../../style/usercenter.css";
</style>