zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add discovery tool cards, refactor AiTabSwitch and update client configs

Browse Source 
- Update xiaoqi client configuration: adjust clientId, sync appid across config files and switch to production build by setting developVersion to false
- Refactor AiTabSwitch component to use background images instead of inline image tags, clean up redundant SCSS styles and replace tab icon assets
- Add three new Discovery page tool components: audio guide, map guide and photo generator cards
- Clean up unused code in Discovery page and ChatMainList component, remove unused scroll view and computed property
- Fix regex pattern and formatting issues in update-appid.js script
- Comment out unused SpriteAnimator component in ChatMainList
This commit is contained in:
duanshuwen
2026-07-06 20:51:45 +08:00
parent 190793b156
commit aa07286010
18 changed files with 1013 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/components/AiTabSwitch/index.vue
View File

@@ -1,51 +1,23 @@
<template>
<view class="ai-tab-wrapper">
<view class="tab-container">
<view
class="tab-item is-left"
:class="{ active: modelValue === 0 }"
@tap="handleSwitch(0)"
>
<view class="tab-content">
<image
v-if="leftSelected || leftUnselected"
:src="modelValue === 0 ? (leftSelected || leftUnselected) : (leftUnselected || leftSelected)"
class="tab-image"
mode="scaleToFill"
/>
<view class="tab-label">
<text class="tab-text">探索发现</text>
</view>
</view>
<view class="tab-item is-left" :class="{ active: modelValue === 0 }" :style="leftBackgroundStyle"
@tap="handleSwitch(0)">
<text class="tab-text">探索发现</text>
</view>
<view
class="tab-item is-right"
:class="{ active: modelValue === 1 }"
@tap="handleSwitch(1)"
>
<view class="tab-content">
<image
v-if="rightSelected || rightUnselected"
:src="modelValue === 1 ? (rightSelected || rightUnselected) : (rightUnselected || rightSelected)"
class="tab-image"
mode="scaleToFill"
/>
<view class="tab-label">
<text class="tab-text">AI伴游</text>
<view
v-if="showDot"
:class="['status-dot', modelValue === 1 ? 'status-dot--active' : 'status-dot--inactive']"
></view>
</view>
</view>
<view class="tab-item is-right" :class="{ active: modelValue === 1 }" :style="rightBackgroundStyle"
@tap="handleSwitch(1)">
<text class="tab-text">AI伴游</text>
<text v-if="showDot"
:class="['status-dot', modelValue === 1 ? 'status-dot--active' : 'status-dot--inactive']" />
</view>
</view>
</view>
</template>
<script setup>
import { computed } from "vue";
import leftSelected from "./images/L_02.png";
import leftUnselected from "./images/L_01.png";
import rightSelected from "./images/R_02.png";
@@ -55,11 +27,30 @@ const props = defineProps({
modelValue: { type: Number, default: 0 },
showDot: { type: Boolean, default: true },
});
const emit = defineEmits(["update:modelValue", "change"]);
const handleSwitch = (i) => {
emit("update:modelValue", i);
emit("change", i);
const getBackgroundStyle = (selectedImage, unselectedImage, active) => {
const image = active
? (selectedImage || unselectedImage)
: (unselectedImage || selectedImage);
return {
backgroundImage: image ? `url(${image})` : "none",
};
};
const leftBackgroundStyle = computed(() =>
getBackgroundStyle(leftSelected, leftUnselected, props.modelValue === 0)
);
const rightBackgroundStyle = computed(() =>
getBackgroundStyle(rightSelected, rightUnselected, props.modelValue === 1)
);
const handleSwitch = (index) => {
emit("update:modelValue", index);
emit("change", index);
};
</script>