feat: add heritage discovery tab and AIGC consent dialog
- Add new HeritageDiscoverySection and HeritageQuickPrompts components for dedicated heritage discovery view - Implement reusable AigcConsentDialog component for AI service user agreement prompts - Update Discovery page to toggle between explore and heritage tab layouts - Refactor legacy CardSwiper component into generic ExploreCards - Adjust ChatMainList layout to include home hero sprite animation and restructure welcome section - Refine NoticeMessage component styling and layout for better consistency - Add build best practices guidance to AGENTS.md documentation - Clean up minor config whitespace and formatting issues across files
This commit is contained in:
94
src/pages/ChatMain/AigcConsentDialog/index.vue
Normal file
94
src/pages/ChatMain/AigcConsentDialog/index.vue
Normal file
@@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<view
|
||||
v-if="visible"
|
||||
class="aigc-consent-overlay"
|
||||
@touchmove.stop.prevent
|
||||
>
|
||||
<view class="aigc-consent-dialog">
|
||||
<text class="aigc-consent-title">温馨提示</text>
|
||||
|
||||
<view class="aigc-consent-content">
|
||||
<text v-if="content">{{ content }}</text>
|
||||
<template v-else>
|
||||
<text>{{ defaultContentPrefix }}</text>
|
||||
<text class="aigc-consent-rule" @tap.stop="handleRuleClick">
|
||||
《{{ ruleName }}》
|
||||
</text>
|
||||
<text>{{ defaultContentSuffix }}</text>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="aigc-consent-actions">
|
||||
<button
|
||||
class="aigc-consent-button aigc-consent-cancel"
|
||||
type="default"
|
||||
@tap.stop="handleCancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<button
|
||||
class="aigc-consent-button aigc-consent-agree"
|
||||
type="default"
|
||||
@tap.stop="handleAgree"
|
||||
>
|
||||
我同意
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
companyName: {
|
||||
type: String,
|
||||
default: "智念科技服务有限公司",
|
||||
},
|
||||
ruleName: {
|
||||
type: String,
|
||||
default: "智念AI用户规则",
|
||||
},
|
||||
content: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
});
|
||||
|
||||
const emit = defineEmits(["update:visible", "cancel", "agree", "ruleClick"]);
|
||||
|
||||
const defaultContentPrefix = computed(
|
||||
() =>
|
||||
`欢迎使用【${props.companyName}】提供的AI内容升级服务。本服务通过人工智能技术(AIGC)将您上传的照片或视频与景区场景模板进行创意优化,为您生成具有特定风格的旅行内容。请您仔细阅读`
|
||||
);
|
||||
|
||||
const defaultContentSuffix =
|
||||
",您点击“我同意”等进行下一步操作的行为均视为您同意受本规则约束。如您不同意,您可以直接关闭页面。";
|
||||
|
||||
const close = () => {
|
||||
emit("update:visible", false);
|
||||
};
|
||||
|
||||
const handleCancel = () => {
|
||||
close();
|
||||
emit("cancel");
|
||||
};
|
||||
|
||||
const handleAgree = () => {
|
||||
close();
|
||||
emit("agree");
|
||||
};
|
||||
|
||||
const handleRuleClick = () => {
|
||||
emit("ruleClick");
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
Reference in New Issue
Block a user