From 0273868dc3281a925e5d563de15fa093c4624f22 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 26 Feb 2025 16:21:32 +0800
Subject: [PATCH 1/2] feat: add click feedback

---
 app.json                 |  3 +++
 behaviors/useToast.js    | 22 ++++++++++++++++++++++
 pages/my/index.js        | 40 ++++++++++++++++++++++++++++++++++++++--
 pages/my/index.wxml      | 32 ++++++++++++++++++++++++++------
 pages/setting/index.js   |  9 +++++++++
 pages/setting/index.wxml |  4 ++++
 6 files changed, 102 insertions(+), 8 deletions(-)
 create mode 100644 behaviors/useToast.js

diff --git a/app.json b/app.json
index 95f708f..4f3431b 100644
--- a/app.json
+++ b/app.json
@@ -1,5 +1,8 @@
 {
   "pages": ["pages/home/index", "pages/message/index", "pages/my/index"],
+  "usingComponents": {
+    "t-toast": "tdesign-miniprogram/toast/toast"
+  },
   "subpackages": [
     {
       "root": "pages/search",
diff --git a/behaviors/useToast.js b/behaviors/useToast.js
new file mode 100644
index 0000000..f6112af
--- /dev/null
+++ b/behaviors/useToast.js
@@ -0,0 +1,22 @@
+import Toast, { hideToast } from 'tdesign-miniprogram/toast/index';
+
+const useToastBehavior = Behavior({
+  methods: {
+    onShowToast(selector, message) {
+      Toast({
+        context: this,
+        selector,
+        message,
+      });
+    },
+
+    onHideToast(selector) {
+      hideToast({
+        context: this,
+        selector,
+      });
+    },
+  },
+});
+
+export default useToastBehavior;
diff --git a/pages/my/index.js b/pages/my/index.js
index 1f20757..4f41387 100644
--- a/pages/my/index.js
+++ b/pages/my/index.js
@@ -1,13 +1,43 @@
 import request from '~/api/request';
+import useToastBehavior from '../../behaviors/useToast';
 
 Page({
+  behaviors: [useToastBehavior],
+
   data: {
     isLoad: false,
     service: [],
     personalInfo: {},
-    settingdata: [
+    gridList: [
+      {
+        name: '全部发布',
+        icon: 'root-list',
+        type: 'all',
+        url: '',
+      },
+      {
+        name: '审核中',
+        icon: 'search',
+        type: 'progress',
+        url: '',
+      },
+      {
+        name: '已发布',
+        icon: 'upload',
+        type: 'published',
+        url: '',
+      },
+      {
+        name: '草稿箱',
+        icon: 'file-copy',
+        type: 'draft',
+        url: '',
+      },
+    ],
+
+    settingList: [
       { name: '联系客服', icon: 'service', type: 'service' },
-      { name: '设置', icon: 'setting', type: 'setting' },
+      { name: '设置', icon: 'setting', type: 'setting', url: '/pages/setting/index' },
     ],
   },
 
@@ -48,4 +78,10 @@ Page({
   onNavigateTo() {
     wx.navigateTo({ url: `/pages/my/info-edit/index` });
   },
+
+  onEleClick(e) {
+    const { name, url } = e.currentTarget.dataset.data;
+    if (url) return;
+    this.onShowToast('#t-toast', name);
+  },
 });
diff --git a/pages/my/index.wxml b/pages/my/index.wxml
index 31ac70c..d3c0c8d 100644
--- a/pages/my/index.wxml
+++ b/pages/my/index.wxml
@@ -1,3 +1,5 @@
+<t-toast id="t-toast" />
+
 <view class="my">
   <image class="nav-bg" src="/static/bg_navbar.png" />
   <nav title-text="我的" />
@@ -27,10 +29,16 @@
     </t-cell-group>
     <t-divider t-class="divider-class" />
     <t-grid t-class="grid-class">
-      <t-grid-item text="全部发布" icon="root-list" class="split-line grid-item" />
-      <t-grid-item text="审核中" icon="search" class="grid-item" />
-      <t-grid-item text="已发布" icon="upload" class="grid-item" />
-      <t-grid-item text="草稿箱" icon="file-copy" class="grid-item" />
+      <t-grid-item
+        wx:for="{{gridList}}"
+        wx:for-item="gridItem"
+        wx:key="type"
+        text="{{gridItem.name}}"
+        icon="{{gridItem.icon}}"
+        class="grid-item {{gridItem.type === 'all' ? 'split-line' : ''}}"
+        data-data="{{gridItem}}"
+        bindclick="onEleClick"
+      />
     </t-grid>
   </view>
 
@@ -44,12 +52,24 @@
         text="{{item.name}}"
         image="{{item.image}}"
         url="{{item.url}}"
+        data-data="{{item}}"
+        bindclick="onEleClick"
       />
     </t-grid>
   </view>
 
   <t-cell-group theme="card">
-    <t-cell title="联系客服" leftIcon="service" hover arrow />
-    <t-cell title="设置" leftIcon="setting" url="/pages/setting/index" hover arrow />
+    <t-cell
+      wx:for="{{settingList}}"
+      wx:for-item="item"
+      wx:key="type"
+      title="{{item.name}}"
+      url="{{item.url}}"
+      leftIcon="{{item.icon}}"
+      hover
+      arrow
+      data-data="{{item}}"
+      bindclick="onEleClick"
+    />
   </t-cell-group>
 </view>
diff --git a/pages/setting/index.js b/pages/setting/index.js
index 72ff33c..5c6cf12 100644
--- a/pages/setting/index.js
+++ b/pages/setting/index.js
@@ -1,4 +1,7 @@
+import useToastBehavior from '../../behaviors/useToast';
+
 Page({
+  behaviors: [useToastBehavior],
   data: {
     menuData: [
       [
@@ -44,4 +47,10 @@ Page({
       ],
     ],
   },
+
+  onEleClick(e) {
+    const { title, url } = e.currentTarget.dataset.data;
+    if (url) return;
+    this.onShowToast('#t-toast', title);
+  },
 });
diff --git a/pages/setting/index.wxml b/pages/setting/index.wxml
index 12f00e6..84d2a67 100644
--- a/pages/setting/index.wxml
+++ b/pages/setting/index.wxml
@@ -12,6 +12,10 @@
       url="{{carditem.url}}"
       bordered="true"
       leftIcon="{{carditem.icon}}"
+      data-data="{{carditem}}"
+      bindclick="onEleClick"
     />
   </t-cell-group>
 </view>
+
+<t-toast id="t-toast" />

From f9111bb262049350c496e576c91e635003a3b51e Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Fri, 28 Feb 2025 15:55:01 +0800
Subject: [PATCH 2/2] feat: use alias

---
 pages/my/index.js      | 2 +-
 pages/setting/index.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/my/index.js b/pages/my/index.js
index 4f41387..948a728 100644
--- a/pages/my/index.js
+++ b/pages/my/index.js
@@ -1,5 +1,5 @@
 import request from '~/api/request';
-import useToastBehavior from '../../behaviors/useToast';
+import useToastBehavior from '~/behaviors/useToast';
 
 Page({
   behaviors: [useToastBehavior],
diff --git a/pages/setting/index.js b/pages/setting/index.js
index 5c6cf12..2055f03 100644
--- a/pages/setting/index.js
+++ b/pages/setting/index.js
@@ -1,4 +1,4 @@
-import useToastBehavior from '../../behaviors/useToast';
+import useToastBehavior from '~/behaviors/useToast';
 
 Page({
   behaviors: [useToastBehavior],