diff --git a/Store_vue/components/SideMenu.vue b/Store_vue/components/SideMenu.vue index 33eb8d36..f3edb3c4 100644 --- a/Store_vue/components/SideMenu.vue +++ b/Store_vue/components/SideMenu.vue @@ -54,13 +54,37 @@ - + AI数智员工 - + + + + + + + + + + + + + + + + + 检查更新 + + + + 当前版本 {{ currentVersion }} + + + + + + @@ -170,21 +194,6 @@ - - - - - - - - 检查更新 - 当前版本 {{ currentVersion }} - 检查中... - 发现新版本 {{ latestVersion }} - - - - @@ -262,6 +271,7 @@ data() { return { hide : false, + showSettingsDropdown: false, // 控制设置下拉菜单显示 functionStatus: { 'autoLike': false, 'momentsSync': false, @@ -374,6 +384,18 @@ }, closeSideMenu() { this.$emit('close'); + // 关闭设置下拉菜单 + this.showSettingsDropdown = false; + }, + + // 切换设置下拉菜单 + toggleSettingsDropdown() { + this.showSettingsDropdown = !this.showSettingsDropdown; + }, + + // 点击页面其他区域关闭下拉菜单 + closeSettingsDropdown() { + this.showSettingsDropdown = false; }, // 获取功能开关状态 async getFunctionStatus() { @@ -947,6 +969,7 @@ align-items: center; padding: 20px 15px; border-bottom: 1px solid #f5f5f5; + position: relative; } .side-menu-title { @@ -960,6 +983,119 @@ padding: 0 10px; } + .header-right { + position: relative; + } + + .settings-btn { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: relative; + } + + .settings-btn-content { + display: flex; + align-items: center; + justify-content: center; + } + + .version-badge { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + color: #fff; + background-color: #ff6699; + border-radius: 8px; + min-width: 16px; + height: 16px; + padding: 0 4px; + font-weight: bold; + display: flex; + align-items: center; + justify-content: center; + transform: translate(50%, -30%); + } + + .settings-dropdown { + position: absolute; + top: 100%; + right: 0; + width: 160px; + background-color: #fff; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + z-index: 100; + margin-top: 5px; + overflow: hidden; + } + + .dropdown-item { + display: flex; + align-items: center; + padding: 12px 15px; + transition: background-color 0.2s; + } + + .dropdown-item:active { + background-color: #f5f5f5; + } + + .combined-item { + display: flex; + align-items: center; + padding: 12px 15px; + } + + .icon-container { + display: flex; + align-items: center; + justify-content: center; + margin-right: 12px; + } + + .text-container { + flex: 1; + } + + .text-top { + display: flex; + align-items: center; + margin-bottom: 4px; + } + + + .main-text { + font-size: 14px; + color: #333; + font-weight: 500; + } + + .version-info { + font-size: 12px; + color: #999; + } + + .dropdown-text { + font-size: 14px; + color: #333; + margin-left: 8px; + flex: 1; + } + + .update-badge { + font-size: 12px; + color: #fff; + background-color: #ff6699; + border-radius: 10px; + padding: 2px 6px; + font-weight: bold; + } + .function-module { padding: 15px; } diff --git a/Store_vue/manifest.json b/Store_vue/manifest.json index c7fa191b..1fd3a94b 100644 --- a/Store_vue/manifest.json +++ b/Store_vue/manifest.json @@ -2,7 +2,7 @@ "name" : "AI数智员工", "appid" : "__UNI__9421F6C", "description" : "", - "versionName" : "1.1.1", + "versionName" : "1.1.2", "versionCode" : "100", "transformPx" : false, /* 5+App特有相关 */