feat: 完善模块引导与学习进度体验
统一引导提示的持久化控制,补充学习进度入口与模块资源,避免用户返回页面时重复触发提示。 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
fc9633f371
commit
6f8252472f
114 files changed
+2758
-1798
No files matched your search
@@ -7,7 +7,15 @@ import { IMAGE_PATHS, getBackgroundImage, getPublicPath } from '@/utils'
|
||||
import { Overlay } from '@/components/Overlay'
|
||||
import { ref } from 'vue'
|
||||
import { GuideSteps, GuideStepsItem } from '@/components/Guide'
|
||||
import { useFilmStore } from '@/stores/modules/film'
|
||||
const router = useRouter()
|
||||
const filmStore = useFilmStore()
|
||||
const guideKey = 'film-practice-video-rating'
|
||||
const showGuide = ref(!filmStore.guideShown[guideKey])
|
||||
|
||||
if (showGuide.value) {
|
||||
filmStore.markGuideShown(guideKey)
|
||||
}
|
||||
|
||||
const props = defineProps({
|
||||
path: {
|
||||
@@ -125,7 +133,7 @@ const handleBack = (): void => {
|
||||
</div>
|
||||
</div>
|
||||
</Overlay>
|
||||
<GuideSteps :visible="true" :highlight-selector="'.btn-1'" position-offset-y="60%">
|
||||
<GuideSteps :visible="showGuide" :highlight-selector="'.btn-1'" position-offset-y="60%">
|
||||
<GuideStepsItem>点击这里可以给作品评分噢~</GuideStepsItem>
|
||||
</GuideSteps>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user