guigongli
657631f5bf
- 在 fittingRoom.js 中添加 disableTabs 数组，用于控制不允许上传的分类- 修改 canUpload getter，使用 disableTabs 判断是否允许上传 - 更新 s-grid-clothes.vue 和 s-select-mote.vue 组件，增加上传功能 - 调整上传按钮样式和布局
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import { defineStore } from 'pinia';
|
|
import app from './app';
|
|
|
|
const fittingRoom = defineStore({
|
|
id: 'fittingRoom',
|
|
state: () => ({
|
|
visable: false, // 上传模特, 选模特的
|
|
type: true, // true: 我的衣橱, false: 衣服库
|
|
tab: 0, // 对应下面tabs的序号
|
|
tabs: ['全部', '上衣', '下装', '连衣裙', '外套', '发型'],
|
|
disableTabs: [5], // 不允许上传图的tab索引
|
|
currentClothes: [], // 当前选的衣服
|
|
}),
|
|
getters: {
|
|
// 能上传图片的场景
|
|
canUpload(state) {
|
|
console.log(this.type, this.tab, state.type, '123');
|
|
// 除了发型其他都能上传
|
|
return this.type && !this.disableTabs.includes(this.tab);
|
|
},
|
|
},
|
|
actions: {
|
|
setVisable(visable) {
|
|
console.log('🚀 ~ setVisable 🐶15 ~ visable: ', visable);
|
|
this.visable = visable ?? !this.visable;
|
|
},
|
|
changeType(visable) {
|
|
console.log('🚀 ~ setVisable 🐶15 ~ visable: ', visable);
|
|
this.type = visable ?? !this.type;
|
|
},
|
|
// 点击衣服
|
|
changeClothes() {
|
|
console.log('切换衣服');
|
|
},
|
|
},
|
|
persist: {
|
|
enabled: true,
|
|
strategies: [
|
|
{
|
|
key: 'fittingRoom-store',
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
export default fittingRoom;
|