<template>
  <view class="sx-card-box">
    <view class="card-head-box">
      <!-- 封面 -->
      <image :src="item.cover" class="head-img"></image>
      <view class="head-right-box">
        <!-- 名称 -->
        <view class="head-title">{{item.name}}</view>
        <!-- 简介 -->
        <view class="head-content">{{item.intro}}</view>
        <!-- 共计 -->
        <view class="head-content">{{item.gongji}}</view>
      </view>
    </view>
    <view class="card-body-box">
      <view class="body-title">请选择学习等级</view>
      <view class="dj-item-row">
        <ezyActiveVue v-for="cItem in item.levelList" class="ezy-btn-active dj-item" @aclick="handleSelect(cItem)" :class="{active: cItem.active}">{{cItem.levelName}}</ezyActiveVue>
      </view>
    </view>
  </view>
</template>

<script setup>
import ezyActiveVue from "@/components/ezyActive/ezyActive.vue";
const porps = defineProps({
  item: {
    type: Object
  }
})

	// 选择产品等级
function handleSelect(item) {
  uni.navigateTo({
    url: `/pages/chanpinXuanze/cp3/banben?dengjiId=${item.dengjiId}`
  })
}

</script>

<style scoped>

</style>