mkm/new_shop_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化了工作台操作效果

Browse Source
This commit is contained in:
weipengfei 2024-04-22 11:52:49 +08:00
parent 738de8ccb6
commit ca9dd3db6f
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
pages/gather/gather.vue
View File

@ -130,7 +130,7 @@
} }
</style> </style>
<template> <template>
<view class="gather"> <view class="gather" @click.stop="clickWhite">
<!--顶部定位--> <!--顶部定位-->
<view class="gather-header"> <view class="gather-header">
<view style="height: var(--status-bar-height);"></view> <view style="height: var(--status-bar-height);"></view>
@ -182,18 +182,18 @@
<view class="content"> <view class="content">
<block v-if="nowMenuList.length > 0"> <block v-if="nowMenuList.length > 0">
<u-transition v-for="(item, index) in nowMenuList" :key="item.name" show> <u-transition v-for="(item, index) in nowMenuList" :key="item.name" show>
<view class="examine" @click="editFlag ? removeMenu(item) : clickMenu(item)"> <view class="examine" @click.stop="editFlag ? removeMenu(item) : clickMenu(item)" @longpress="editFlag = true">
<image class="icon_img" :src="item.pic" mode="aspectFit"> <image class="icon_img" :src="item.pic" mode="aspectFit">
</image> </image>
<!-- <u-icon v-if="editFlag" class="icon" name="minus-circle-fill" color="red"></u-icon> --> <!-- <u-icon v-if="editFlag" class="icon" name="minus-circle-fill" color="red"></u-icon> -->
<view v-if="editFlag" class="icon" style="background-color: red;">隐藏</view> <view v-if="editFlag" class="icon" style="background-color: red;">删除</view>
<text class="text">{{ item.name }}</text> <text class="text">{{ item.name }}</text>
</view> </view>
</u-transition> </u-transition>
</block> </block>
<view class="add-box examine" <view class="add-box examine"
style="display: flex;justify-content: center;flex-direction: column;align-items: center;" style="display: flex;justify-content: center;flex-direction: column;align-items: center;"
@click="editFlag = true"> @click.stop="editFlag = true" @longpress="editFlag = true" v-if="!editFlag">
<view class="add-box-icon" <view class="add-box-icon"
style="margin-bottom: 14rpx; width:84rpx;height:84rpx;border: 2rpx solid #40AE36;border-radius: 10rpx;display: flex;justify-content: center;align-items: center;"> style="margin-bottom: 14rpx; width:84rpx;height:84rpx;border: 2rpx solid #40AE36;border-radius: 10rpx;display: flex;justify-content: center;align-items: center;">
<u-icon name="plus" size="25" :bold="true" color="#40AE36"></u-icon> <u-icon name="plus" size="25" :bold="true" color="#40AE36"></u-icon>
@ -209,7 +209,7 @@
</view> </view>
<view class="content"> <view class="content">
<u-transition v-for="(item, index) in AllMenuList" :key="item.name" show> <u-transition v-for="(item, index) in AllMenuList" :key="item.name" show>
<view class="examine" @click="pushMenu(item)"> <view class="examine" @click.stop="pushMenu(item)">
<image class="icon_img" :src="item.pic" mode="aspectFit"> </image> <image class="icon_img" :src="item.pic" mode="aspectFit"> </image>
<!-- <u-icon class="icon" name="plus-circle-fill"></u-icon> --> <!-- <u-icon class="icon" name="plus-circle-fill"></u-icon> -->
<view class="icon">添加</view> <view class="icon">添加</view>
@ -524,6 +524,10 @@
} }
}); });
}, },
// 点击空白区域完成添加
clickWhite(){
if(this.editFlag) this.editFlag = false;
}
} }
}; };
</script> </script>