@tmesoft/2d-teaching-center v0.0.4

2d-teaching-center

如何使用

用于渲染2d的实验中心效果 1. pnpm i @tmesoft/2d-teaching-center 2. 在admin项目中拷贝src/assets/svg/drag-center-icons到自己的项目:src/assets/svg/drag-center-icons下（注意路径要一致）

demo

<!--ts-->
import TeachingCenter from '@tmesoft/2d-teaching-center'
// 监听点击实验室
const labClickHandle = (lab) => {
  console.log('lab', lab)
}

const teachingCenterRef = ref()
// 传入json数据

const setJson = (modelData:string)=>{
teachingCenterRef.value?.setJSON(modelData)
}
// 修改实验室状态 
// 支持两种状态：using,unused
const changeLabStatus = () => {
    teachingCenterRef.value?.setLabStatus(labId, 'using')
}
<!--template-->
    <TeachingCenter @onLabClick="labClickHandle" ref="teachingCenterRef" />

方法

事件