更新记录
1.0.5(2024-05-14) 下载此版本
优化多页面
1.0.4(2024-05-14) 下载此版本
优化
1.0.3(2024-05-08) 下载此版本
更新使用教程
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | × | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | × | × | × | × | × | - | × | × | × | × |
cicigodd-model3d
仅支持微信小程序
- 安装
npm i three npm i three-platformize
- 在代码中引入
demo
<template>
<view class="content">
<model3d ref="model3d" :src="src" :width="'100vw'" :height="'100vh'" autoRotate>
</model3d>
</view>
</template>
<script>
import model3d from "@/uni_modules/cicigodd-model3d/components/cicigodd-model3d/cicigodd-model3d.vue"
export default {
components: {
model3d
},
data() {
return {
src: 'https://dtmall-tel.alicdn.com/edgeComputingConfig/upload_models/1591673169101/RobotExpressive.glb'
}
},
onLoad() {
this.$refs['model3d'].init();
},
onUnload() {
// 销毁
this.$refs['model3d'].dispose()
},
methods: {
}
}
</script>