From 7103993972dbb0a625c8768886a3d464c69e0544 Mon Sep 17 00:00:00 2001 From: mao <2780853679@qq.com> Date: Mon, 12 May 2025 17:15:27 +0800 Subject: [PATCH 1/2] Merge branch 'develop' of https://gitee.com/qu-chengjian/mini-program-ordering into develop --- miniprogram/app.js | 18 +- miniprogram/images/search.png | Bin 0 -> 14418 bytes ...45\233\276\347\211\207_20250512094317.png" | Bin 0 -> 4666 bytes ...45\233\276\347\211\207_20250512094334.png" | Bin 0 -> 4754 bytes miniprogram/pages/index/index.js | 155 +++++++-- miniprogram/pages/index/index.wxml | 45 ++- miniprogram/pages/index/index.wxss | 326 +++++++++++++++++- project.config.json | 2 +- ...6\347\273\255\346\224\271\350\277\233.txt" | 2 + 9 files changed, 486 insertions(+), 62 deletions(-) create mode 100644 miniprogram/images/search.png create mode 100644 "miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094317.png" create mode 100644 "miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094334.png" create mode 100644 "\345\220\216\347\273\255\346\224\271\350\277\233.txt" diff --git a/miniprogram/app.js b/miniprogram/app.js index 7c6d081..80ae027 100644 --- a/miniprogram/app.js +++ b/miniprogram/app.js @@ -8,11 +8,19 @@ App({ }); } this.globalData = { - deskId:0, - numberPeople:0, //用餐人数 - cart:[], - orderTime:'', - location:{} + deskId: 0, + numberPeople: 0, //用餐人数 + cart: [], + orderTime: '', + location: {}, + zIndexLevels: { + base: 1, + normal: 10, + dropdown: 100, + modal: 1000, + notification: 2000, + searchBar: 9999, // 搜索栏最高级 + } }; } }); diff --git a/miniprogram/images/search.png b/miniprogram/images/search.png new file mode 100644 index 0000000000000000000000000000000000000000..370f96aa892df46223a33f185973702dca2e15a6 GIT binary patch literal 14418 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 Mn%>nSb?Ybp7gXX@u>b%7 literal 0 HcmV?d00001 diff --git "a/miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094317.png" "b/miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094317.png" new file mode 100644 index 0000000000000000000000000000000000000000..c8c447f3e8ac56a61ef2ea660cf3d86f43957d68 GIT binary patch literal 4666 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 literal 0 HcmV?d00001 diff --git "a/miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094334.png" "b/miniprogram/images/\345\276\256\344\277\241\345\233\276\347\211\207_20250512094334.png" new file mode 100644 index 0000000000000000000000000000000000000000..f82eb3b8afe06876eb39952ff5f533b36bdd3e03 GIT binary patch literal 4754 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 literal 0 HcmV?d00001 diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js index 2fbdb4f..9965c34 100644 --- a/miniprogram/pages/index/index.js +++ b/miniprogram/pages/index/index.js @@ -2,22 +2,26 @@ const db = wx.cloud.database(); const app = getApp(); let itemHeight = 310; //单菜品显示高度 Page({ - data: { - active: "1", //当前选中态 - tops: [], //存储当前分类菜单高度信息 - menuHeight: 0, - shoplistScollTop:0, - deskId: 1, - types: [], - goods: [], //第一次从云上合出来的原始数据，这个数据不变 - tempGoods: [], //页面中真正显示的菜品数据 - cart: [], //购物车 - goodsCount: 0, - height: 0, - tempHeight: 0 - }, - onReady() { - this.popupBox = this.selectComponent("#popupBox"); + data: { + active: "1", //当前选中态 + tops: [], //存储当前分类菜单高度信息 + menuHeight: 0, + shoplistScollTop: 0, + deskId: 1, + types: [], + goods: [], //第一次从云上合出来的原始数据，这个数据不变 + tempGoods: [], //页面中真正显示的菜品数据 + cart: [], //购物车 + goodsCount: 0, + height: 0, + tempHeight: 0, + isSearchBarVisible: false, + searchValue: '', + searchResults: [] + }, + + onReady() { + this.popupBox = this.selectComponent("#popupBox"); }, onLoad() { //为了效率，本地只在装载程序的时候，执行一次获取数据的操作。 db.collection('types').get().then(resp => { @@ -76,6 +80,7 @@ Page({ } }) }); + let _self = this; let winHeight = wx.getSystemInfoSync().windowHeight; //获取设备信息，windowHeight为可使用窗口调度，窗⼝⾼度，即：屏幕⾼度(screenHeight) - 导航(tabbar)⾼度。 _self.setData({ @@ -153,22 +158,112 @@ Page({ active: i + 2 }); } - } + } + }, + eventQueue: { + _queue: [], + _processing: false, + + add(fn) { + this._queue.unshift(fn); + if (!this._processing) this._next(); }, - searchOperation(event) { - let key = '.*' + event.detail.value; - db.collection("goods").where({ - name: { - $regex: key, - } - }).get().then(res => { - this.setData({ - tempGoods: res.data - }); + + _next() { + if (this._queue.length === 0) { + this._processing = false; + return; + } + this._processing = true; + const fn = this._queue.pop(); + fn(() => { + this._next(); + }); + } + }, + + searchOperation(event) { + let key = '.*' + event.detail.value; + wx.showLoading({ + title: '搜索中...' + }); + + db.collection("goods").where({ + name: { + $regex: key, + } + }).get().then(res => { + wx.hideLoading(); + this.setData({ + tempGoods: res.data + }); + + wx.showToast({ + title: `找到${res.data.length}个结果`, + icon: 'none' + }); + }).catch(err => { + wx.hideLoading(); + wx.showToast({ + title: '搜索失败', + icon: 'none' + }); + }); + }, + + showSearchBar() { + // 先设置标志 + this.setData({ + isSearchBarVisible: true + }); + + // 强制重绘确保层级正确 + wx.nextTick(() => { + // 触发重绘 + this.setData({ + _forceUpdate: Date.now() + }); + + // 确保获取焦点 + setTimeout(() => { + this.setData({ + autoFocus: true }); - }, - selectGoods(event) { - let id = event.currentTarget.dataset.id; + }, 100); + }); + }, + + hideSearchBar() { + this.setData({ + isSearchBarVisible: false, + searchValue: '' + }); + this.setData({ + tempGoods: this.data.goods + }); + }, + + onSearchInput(e) { + this.setData({ + searchValue: e.detail.value + }); + }, + + onSearchConfirm(e) { + const value = e.detail.value.trim(); + if (value) { + this.searchOperation({ + detail: { value: value } + }); + } else { + wx.showToast({ + title: '请输入搜索内容', + icon: 'none' + }); + } + }, + selectGoods(event) { + let id = event.currentTarget.dataset.id; let parameter = { "id": id }; diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml index a568c68..e734b2f 100644 --- a/miniprogram/pages/index/index.wxml +++ b/miniprogram/pages/index/index.wxml @@ -1,14 +1,41 @@ - - - - - - - + + + + + + 新品上市：夏日特饮系列 + + + 限时优惠：全场8折起 + + + 会员专享：积分兑换好礼 + + + + + + + - - + + + + + + + + + + 取消 + + + + + + + {{item.number}} diff --git a/miniprogram/pages/index/index.wxss b/miniprogram/pages/index/index.wxss index a4aba56..91a3ae8 100644 --- a/miniprogram/pages/index/index.wxss +++ b/miniprogram/pages/index/index.wxss @@ -11,24 +11,314 @@ page { border-bottom: 1px solid #ccc; } -.top-section__search { - width: 95%; - border: 2px solid #E0E0E0; - border-radius: 20px; - margin: 10px auto; - background-color: white; +/* 轮播容器 */ +.carousel-container { + position: relative; + width: 95%; + height: 40px; + margin: 10px auto; + background: #fef6e6; + border-radius: 20px; + overflow: hidden; } -.top-section__search { - display: flex; - flex-direction: row; - justify-content: start; - /*主轴对齐方式：左对齐*/ + +/* 搜索按钮样式 */ +.search-button { + position: absolute; + left: 0; + top: 0; + width: 40px; + height: 100%; + background: #fef6e6; /* 与轮播栏同色 */ + display: flex; + align-items: center; + justify-content: center; + z-index: 100; /* 高于轮播内容 */ + border-radius: 20px 0 0 20px; /* 左侧圆角 */ +} + +/* 点击反馈效果 */ +.search-button:active { + background-color: #f0e6d2; /*轻微变暗*/ + transform: scale(0.95); + transition: all 0.2s ease; +} + +.search-icon { + width: 20px; + height: 20px; +} + +/* 搜索按钮容器 */ +.search-button { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 40px; + height: 0px; + background-color: #fef6e6; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; + border-radius: 50%; + margin-left: 3px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + pointer-events: auto !important; + visibility: visible !important; + opacity: 1 !important; +} + +/* 点击反馈效果 */ +.search-button:active { + background-color: #f0e6d2; + transform: scale(0.95); + transition: all 0.2s ease; +} + +.search-icon { + width: 16px; + height: 16px; + background-color: #fef6e6; + border-radius: 50%; + padding: 2px; +} + +/* 轮播内容 */ +.text-swiper { + height: 100%; + width: 100%; + padding-left: 40px; + box-sizing: border-box; + position: relative; + z-index: 1; +} + +.carousel-item { + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #e6a23c; + font-size: 14px; +} + +/* 搜索图标样式 */ +.search-icon { + position: absolute; + left: 10px; + top: 10px; + width: 40px; + height: 40px; + background-color: #fef6e6; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + z-index: 10; +} + +.search-input { + flex: 1; + height: 100%; + font-size: 14px; + margin-left: 8px; +} + +.text-swiper { + height: 100%; + padding-left: 40px; + position: relative; + -webkit-overflow-scrolling: touch; + pointer-events: auto; + z-index: 1; +} + +.search-component { + pointer-events: auto; + z-index: 100; +} +/* 独立搜索组件样式 */ +.search-component { + position: fixed; + top: 10px; + right: 15px; + z-index: 100; +} + +.search-icon { + width: 40px; + height: 40px; + background-color: #fff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 5px rgba(0,0,0,0.2); +} + +.icon-image { + width: 20px; + height: 20px; +} + +/* 文字轮播组件样式 */ +.carousel-component { + width: 95%; + height: 40px; + background: #fef6e6; + border-radius: 20px; + overflow: hidden; + margin: 10px auto; + position: relative; +} + +.text-swiper { + height: 100%; + width: 100%; +} + +.carousel-item { + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #e6a23c; + font-size: 14px; +} + +/* 搜索弹出栏样式 */ +.search-bar-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + background-color: #fff; + padding: 10px 15px; + box-sizing: border-box; + transform: translateY(-100%); + transition: transform 0.3s ease; + z-index: 100; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +.search-bar-visible { + transform: translateY(0); +} + +.search-bar { + display: flex; + align-items: center; +} + +.search-input-wrapper { + flex: 1; + height: 36px; + background: #f5f5f5; + border-radius: 18px; + display: flex; + align-items: center; + padding: 0 15px; +} + +/* 搜索遮罩层 */ +.search-mask { + position: fixed; + top: 56px; + left: 0; + width: 100%; + height: calc(100% - 56px); + background-color: rgba(0, 0, 0, 0.5); + z-index: 9998; +} + +.search-header { + display: flex; + align-items: center; + margin-bottom: 15px; +} + +.search-input { + flex: 1; + height: 40px; + background: #f5f5f5; + border-radius: 20px; + padding: 0 15px; + font-size: 14px; + } + + .search-cancel { + padding: 0 10px; + height: 40px; + line-height: 40px; + color: #666; + font-size: 14px; + position: relative; + z-index: 10001; + /* 与输入框同级 */ + } + + .search-results { + max-height: calc(100% - 55px); + overflow-y: auto; +} + +.result-item { + padding: 12px 0; + border-bottom: 1px solid #eee; + font-size: 14px; +} + +/* 高优先级操作时的UI反馈 */ +.search--priority { + animation: pulse 0.5s infinite; + position: relative; + z-index: 9999; +} + +@keyframes pulse { + 0% { + box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4); + } + + 70% { + box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); + } + + 100% { + box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); + } +} + +.carousel-item { + color: #e6a23c; + font-size: 14px; + text-align: center; + width: 100%; + transition: all 0.3s; + /* 添加平滑过渡效果 */ +} + +@media (max-width: 375px) { + .carousel-container { + height: 36px; + } + + .search-button { + width: 36px; + } + + .text-swiper { + padding-left: 36px; + } } .main-section { - margin-top: 140rpx; - flex-grow: 1; + margin-top: 140rpx; + flex-grow: 1; width: 100%; height: 100%; display: flex; @@ -74,10 +364,12 @@ page { } .main-section__right { - margin-left:80px; - flex-grow: 1; - margin-bottom: 70px; - width:100%; + margin-left: 80px; + flex-grow: 1; + margin-bottom: 70px; + width: 100%; + overflow: hidden; + position: relative; } .main-section__right-node { diff --git a/project.config.json b/project.config.json index e1eda96..986bac5 100644 --- a/project.config.json +++ b/project.config.json @@ -45,7 +45,7 @@ "swc": false, "disableSWC": true }, - "appid": "wx566de3c4522967cd", + "appid": "wxe5b04c47090ecb64", "projectname": "mini-program-ordering", "libVersion": "3.6.6", "cloudfunctionTemplateRoot": "cloudfunctionTemplate/", diff --git "a/\345\220\216\347\273\255\346\224\271\350\277\233.txt" "b/\345\220\216\347\273\255\346\224\271\350\277\233.txt" new file mode 100644 index 0000000..efe49d1 --- /dev/null +++ "b/\345\220\216\347\273\255\346\224\271\350\277\233.txt" @@ -0,0 +1,2 @@ +1. 可考虑将轮播内容改为动态获取，从服务器拉取最新公告 +2. 可添加点击轮播项的事件处理，跳转到相应详情页 \ No newline at end of file -- Gitee From d2b00ebc4fd8dda00746531706a8034d64778ed0 Mon Sep 17 00:00:00 2001 From: mao <2780853679@qq.com> Date: Mon, 12 May 2025 17:40:57 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=BD=AE=E6=92=AD?= =?UTF-8?q?=E5=AE=B9=E5=99=A8=E6=B3=A8=E9=87=8A=E8=A1=A8=E8=BF=B0=EF=BC=8C?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8F=A5=E5=8F=B7=E5=AE=8C=E5=96=84=E6=A0=BC?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- miniprogram/pages/index/index.wxss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/miniprogram/pages/index/index.wxss b/miniprogram/pages/index/index.wxss index 91a3ae8..a3a7017 100644 --- a/miniprogram/pages/index/index.wxss +++ b/miniprogram/pages/index/index.wxss @@ -11,7 +11,7 @@ page { border-bottom: 1px solid #ccc; } -/* 轮播容器 */ +/* 轮播容器。 */ .carousel-container { position: relative; width: 95%; -- Gitee