更新记录
1.0.5(2025-01-12)
下载此版本
调整样式
1.0.4(2025-01-08)
下载此版本
优化布局
1.0.3(2025-01-07)
下载此版本
更新文档
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.12 app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
molu-fitting 虚拟试衣间组件
介绍
molu-fitting 是一个用于虚拟试衣的组件,支持面料选择、模特选择等功能。
功能特点
- 支持面料选择和预览
- 支持模特选择
- 支持面料位置调整
- 支持自定义面料上传
安装方式
在插件市场中搜索 molu-fitting
,点击安装即可。
使用方式
<template>
<molu-fitting :fabrics="fabrics" :fabricCategory="fabricCategory" :fabricCategoryList="fabricCategoryList" :modelCategories="categoryList" :models="models" @fabricCategoryChange="onFabricCategoryChange"/>
</template>
<script>
export default {
data() {
return {
// 面料列表
fabrics: [],
//面料分类
fabricCategory: [],
fabricCategoryList: [],
categoryList: [],// 模特分类
models: [],
}
},
methods: {
onFabricCategoryChange(category) {
console.log('选中面料分类:', category)
}
}
}
</script>
API 说明
Props
属性 |
类型 |
默认值 |
说明 |
fabrics |
Array |
[] |
面料列表 |
fabricCategory |
Array |
[] |
面料分类 |
fabricCategoryList |
Array |
[] |
面料分类数据 |
modelCategories |
Array |
[] |
模特分类 |
models |
Array |
[] |
模特列表 |
Events
事件名 |
说明 |
回调参数 |
fabricCategoryChange |
面料分类变化 |
(category: object) |
fabricSelected |
面料选择变化 |
(fabric: string) |