crmeb 行业资讯 页面的实现

实现的最终界面

crmeb 行业资讯 页面的实现_第1张图片
实现的功能:

  • crmeb 行业资讯 页面的实现_第2张图片
  • crmeb 行业资讯 页面的实现_第3张图片
  • crmeb 行业资讯 页面的实现_第4张图片

步骤

  • list的部分:

重点:根据activeClass和当前子分类的id判断显示类名

  • { {item.title}}
  • 列表详情页面 info-every
    重点: :to=" ‘info/detail/’ + item.id"
引用:     
info-every的内容: 


  • 到info/detail页面取出相应的id,显示相应的yemian
mounted() {
      const id = this.$route.params.id;
      api.getInfoDetail(id).then((res) => {
        this.data = res.data;
        this.content = this.data.data.content;
        console.log(this.data.data)
      })
    }

你可能感兴趣的:(crmeb,H5页面的实现,vue)