<template>
  <div class="mobnav">
    <div class="row">
      <div>
        <button type="button" class="btn-link" style="color:black;font-size: 24px;padding: 25px">全部案例</button>
        <button  v-for="cas in casetype" :key="cas" type="button" class="btn-link" style="color:black;font-size: 24px;padding: 25px">{{cas.typeName}}</button>
      </div>
    </div>
  </div>
</template>

<script>
// export default {
//    data () {
//     return {
//       cover: {},
//       casetype: [],
//       caselist: [],
//       num: 1,

//       allLoaded: false,//数据全部加载
//     }
//   },
//   components: {

//   },

//   created () {

//     // 封面
//     request({
//       ...apis.case.cover,

//     }).then(data => {
//       this.cover = data[0];
//     })




//     // 分类
//     request({
//       ...apis.caseType.list,
//     })
//       .then(res => {

//         this.casetype = res.records;

//       })

//     request({
//       ...apis.case.list,
//       urlData: { type: 'case' },
//       params: { pageNum: this.num, pageSize: 8 }
//     }).then(con => {
  
//       this.caselist = con.records;
  
//     }).catch()


//   },

//   computed: {

//   },

//   methods: {
//     add (a) {
     
//       console.log(this.num, "124")
//       request({
//         ...apis.case.list,
//         urlData: { type: 'case' },
//         params: { pageNum: a, pageSize: 8 }
//       }).then(con => {
//         console.log(con, "124")
//         this.caselist = this.caselist.concat(con.records);
//         if(con.total%8) this.allLoaded=true;
      
//         // this.caselist = con.records;

//       })
//     },

//     classification (Type) {
//        request({
//         ...apis.case.list,
//         urlData: { type: 'case' },
//         params: { pageNum: a, pageSize: 8  }
//       }).then(con => {
//         // console.log(con, "124")
//         this.caselist = this.caselist.concat(con.records);
        
      
//         // this.caselist = con.records;

//       })
//     }
//   }


// }

</script>