diff --git a/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.json b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.json
new file mode 100644
index 0000000..59a1db6
--- /dev/null
+++ b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.json
@@ -0,0 +1,4 @@
+{
+ "component": true,
+ "usingComponents": {}
+}
diff --git a/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.less b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.less
new file mode 100644
index 0000000..5912a0f
--- /dev/null
+++ b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.less
@@ -0,0 +1,44 @@
+.add-to-miniprogram-tip {
+ position: fixed;
+ z-index: 9999;
+ pointer-events: none; // 让点击事件穿透到内容区域
+
+ .tip-content {
+ background: rgba(0, 0, 0, 0.8);
+ border-radius: 12rpx;
+ padding: 24rpx 32rpx;
+ display: flex;
+ align-items: center;
+ gap: 24rpx;
+ max-width: 600rpx;
+ pointer-events: auto; // 内容区域可以点击
+ box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.3);
+ position: relative;
+ }
+
+ .tip-text {
+ font-size: 26rpx;
+ color: #ffffff;
+ line-height: 1.5;
+ flex: 1;
+ }
+
+ .tip-close {
+ font-size: 26rpx;
+ color: #07c160;
+ font-weight: 500;
+ white-space: nowrap;
+ cursor: pointer;
+ }
+
+ .tip-arrow {
+ position: absolute;
+ top: -15rpx;
+ width: 0;
+ height: 0;
+ border-left: 12rpx solid transparent;
+ border-right: 12rpx solid transparent;
+ border-bottom: 16rpx solid rgba(0, 0, 0, 0.8);
+ pointer-events: none;
+ }
+}
\ No newline at end of file
diff --git a/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.ts b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.ts
new file mode 100644
index 0000000..869ca2a
--- /dev/null
+++ b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.ts
@@ -0,0 +1,69 @@
+Component({
+ options: {},
+ /**
+ * 组件的属性列表
+ */
+ properties: {},
+ /**
+ * 组件的初始数据
+ */
+ data: {
+ show: false, // 是否显示Tip
+ top: 0, // Tip距离顶部的距离
+ right: 0, // Tip距离右侧的距离
+ arrowRight: 0, // 箭头距离右侧的距离
+ },
+ /**
+ * 组件生命周期
+ */
+ lifetimes: {
+ attached() {
+ // 检查用户是否已关闭过Tip
+ const tipClosed =
+ wx.getStorageSync('addToMiniprogramTipClosed') || false;
+
+ // 如果用户未关闭过，则显示Tip
+ if (!tipClosed) {
+ this.setData({
+ show: true,
+ });
+ }
+
+ // 获取胶囊按钮位置信息
+ const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
+ const windowInfo = wx.getWindowInfo();
+ console.log('windowInfo', windowInfo);
+ console.log('menuButtonInfo', menuButtonInfo);
+ // 计算Tip的位置
+ // Tip应该在胶囊按钮下方，箭头向上指向胶囊按钮
+ const top = 10; // 胶囊按钮下方20px
+ const right = windowInfo.windowWidth - menuButtonInfo.right; // 距离右侧的距离，与胶囊按钮右对齐
+
+ // 计算箭头位置：箭头应该指向胶囊按钮的中心
+ // 胶囊按钮中心相对于Tip内容区域的右侧位置
+ const capsuleCenterX = menuButtonInfo.left + 28;
+ const tipRightEdge = windowInfo.windowWidth - right;
+ const arrowRight = tipRightEdge - capsuleCenterX; // 箭头距离Tip右侧的距离
+
+ this.setData({
+ top: top,
+ right: right,
+ arrowRight: arrowRight,
+ });
+ },
+ },
+ /**
+ * 组件的方法列表
+ */
+ methods: {
+ /** 关闭Tip */
+ onClose() {
+ // 保存关闭状态到本地存储
+ wx.setStorageSync('addToMiniprogramTipClosed', true);
+ // 隐藏Tip
+ this.setData({
+ show: false,
+ });
+ },
+ },
+});
diff --git a/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.wxml b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.wxml
new file mode 100644
index 0000000..d090243
--- /dev/null
+++ b/miniprogram/components/add-to-miniprogram-tip/add-to-miniprogram-tip.wxml
@@ -0,0 +1,12 @@
+
+
+
+
+
+ 点击上方添加到我的小程序，方便下次使用！
+ 关闭
+
+
diff --git a/miniprogram/pages/copyBook/copyBook.json b/miniprogram/pages/copyBook/copyBook.json
index d162fa0..c0417d9 100644
--- a/miniprogram/pages/copyBook/copyBook.json
+++ b/miniprogram/pages/copyBook/copyBook.json
@@ -12,6 +12,7 @@
"word-card": "/components/word-card/word-card",
"word-picker": "/components/word-picker/word-picker",
"empty-state": "/components/empty-state/empty-state",
- "share-guide-popup": "/components/share-guide-popup/share-guide-popup"
+ "share-guide-popup": "/components/share-guide-popup/share-guide-popup",
+ "add-to-miniprogram-tip": "/components/add-to-miniprogram-tip/add-to-miniprogram-tip"
}
}
diff --git a/miniprogram/pages/copyBook/copyBook.wxml b/miniprogram/pages/copyBook/copyBook.wxml
index 2037b1c..6cb7596 100644
--- a/miniprogram/pages/copyBook/copyBook.wxml
+++ b/miniprogram/pages/copyBook/copyBook.wxml
@@ -95,6 +95,7 @@
show="{{showShareDialog}}"
bind:onClose="onCloseShareDialog"
bind:onShareSuccess="onShareSuccess" />
+
diff --git a/miniprogram/pages/focusIndex/focusIndex.json b/miniprogram/pages/focusIndex/focusIndex.json
index b9a043d..c6779a4 100644
--- a/miniprogram/pages/focusIndex/focusIndex.json
+++ b/miniprogram/pages/focusIndex/focusIndex.json
@@ -4,5 +4,7 @@
"homeButton": true,
"backgroundColor": "#F6F6F6",
"enablePullDownRefresh": false,
- "usingComponents": {}
+ "usingComponents": {
+ "add-to-miniprogram-tip": "../../components/add-to-miniprogram-tip/add-to-miniprogram-tip"
+ }
}
diff --git a/miniprogram/pages/focusIndex/focusIndex.wxml b/miniprogram/pages/focusIndex/focusIndex.wxml
index 3e20955..945996a 100644
--- a/miniprogram/pages/focusIndex/focusIndex.wxml
+++ b/miniprogram/pages/focusIndex/focusIndex.wxml
@@ -40,4 +40,5 @@
+
diff --git a/miniprogram/pages/index/index.json b/miniprogram/pages/index/index.json
index ed28c3c..db754f6 100644
--- a/miniprogram/pages/index/index.json
+++ b/miniprogram/pages/index/index.json
@@ -14,6 +14,7 @@
"color-picker": "../../components/color-picker/color-picker",
"introduction-popup": "../../components/introduction-popup/introduction-popup",
"share-guide-popup": "../../components/share-guide-popup/share-guide-popup",
+ "add-to-miniprogram-tip": "../../components/add-to-miniprogram-tip/add-to-miniprogram-tip",
"toy-button": "../../ui/button/button",
"word-picker": "../../components/word-picker/word-picker",
"empty-state": "../../components/empty-state/empty-state"
diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml
index 557399b..14ae9c6 100644
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -142,3 +142,4 @@
show="{{showShareDialog}}"
bind:onClose="onCloseShareDialog"
bind:onShareSuccess="onShareSuccess" />
+
diff --git a/miniprogram/pages/mathIndex/mathIndex.json b/miniprogram/pages/mathIndex/mathIndex.json
index 01d1c09..60ad0a8 100644
--- a/miniprogram/pages/mathIndex/mathIndex.json
+++ b/miniprogram/pages/mathIndex/mathIndex.json
@@ -4,5 +4,7 @@
"homeButton": true,
"backgroundColor": "#F6F6F6",
"enablePullDownRefresh": false,
- "usingComponents": {}
+ "usingComponents": {
+ "add-to-miniprogram-tip": "../../components/add-to-miniprogram-tip/add-to-miniprogram-tip"
+ }
}
diff --git a/miniprogram/pages/mathIndex/mathIndex.wxml b/miniprogram/pages/mathIndex/mathIndex.wxml
index cae7d8a..f6516a9 100644
--- a/miniprogram/pages/mathIndex/mathIndex.wxml
+++ b/miniprogram/pages/mathIndex/mathIndex.wxml
@@ -40,4 +40,5 @@
+