diff --git a/src/pages-aigc/agreement/agreement.vue b/src/pages-aigc/agreement/agreement.vue
new file mode 100644
index 0000000..a131d4a
--- /dev/null
+++ b/src/pages-aigc/agreement/agreement.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+ {{ loading ? "协议加载中..." : "协议内容加载失败" }}
+
+
+
+
+
+
+
+
+
diff --git a/src/pages-aigc/agreement/styles/index.scss b/src/pages-aigc/agreement/styles/index.scss
new file mode 100644
index 0000000..ac4f7d0
--- /dev/null
+++ b/src/pages-aigc/agreement/styles/index.scss
@@ -0,0 +1,54 @@
+.aigc-agreement-page {
+ width: 100%;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ background: #ffffff;
+}
+
+.aigc-agreement-scroll {
+ height: 0;
+ flex: 1 1 auto;
+ min-height: 0;
+ background: #ffffff;
+}
+
+.aigc-agreement-document {
+ min-height: 100%;
+ padding: 20px 16px calc(24px + env(safe-area-inset-bottom));
+ box-sizing: border-box;
+}
+
+.aigc-agreement-state {
+ min-height: 240px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 24px;
+ color: #7b8798;
+ font-size: 14px;
+ line-height: 22px;
+ box-sizing: border-box;
+}
+
+.aigc-agreement-retry {
+ width: 120px;
+ height: 42px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 16px 0 0;
+ padding: 0;
+ border-radius: 999px;
+ background: #102942;
+ color: #ffffff;
+ font-size: 14px;
+ line-height: 20px;
+ font-weight: 800;
+}
+
+.aigc-agreement-retry::after {
+ border: 0;
+}
diff --git a/src/pages-aigc/home/components/AigcConsentDialog/index.vue b/src/pages-aigc/home/components/AigcConsentDialog/index.vue
index 3331d68..2e479b0 100644
--- a/src/pages-aigc/home/components/AigcConsentDialog/index.vue
+++ b/src/pages-aigc/home/components/AigcConsentDialog/index.vue
@@ -1,41 +1,37 @@
-
+
温馨提示
- {{ content }}
+ {{ content }}
- {{ defaultContentPrefix }}
-
- 《{{ ruleName }}》
-
- {{ defaultContentSuffix }}
+
+ 体验权益
+ {{ experienceContent }}
+
+
+
+ 服务说明
+ {{ serviceContent }}
+
+ 请您在使用前仔细阅读
+
+ 《{{ ruleName }}》
+
+ {{ ruleConsentSuffix }}
+
+
-
@@ -66,16 +62,19 @@ const props = defineProps({
},
});
-const emit = defineEmits(["update:visible", "cancel", "agree", "ruleClick"]);
+const emit = defineEmits(["update:visible", "cancel", "agree"]);
const popupRef = ref(null);
-const defaultContentPrefix = computed(
+const experienceContent =
+ "当前体验版本赠送 400 积分,可生成 1 张高清旅行图片和 1 段 5 秒内动效视频。如需更多生成额度,敬请期待后续版本上线。";
+
+const serviceContent = computed(
() =>
- `欢迎使用【${props.companyName}】提供的AI内容升级服务。本服务通过人工智能技术(AIGC)将您上传的照片或视频与景区场景模板进行创意优化,为您生成具有特定风格的旅行内容。请您仔细阅读`
+ `欢迎使用【${props.companyName}】提供的 AI 内容升级服务。本服务将通过人工智能技术(AIGC),对您上传的照片或视频进行处理,并结合景区场景模板,为您生成具有特定风格的旅行图片或视频内容。`
);
-const defaultContentSuffix =
- ",您点击“我同意”等进行下一步操作的行为均视为您同意受本规则约束。如您不同意,您可以直接关闭页面。";
+const ruleConsentSuffix =
+ "。点击“我同意”并继续操作,即表示您已阅读、理解并同意遵守相关规则;如您不同意,可点击“取消”并退出本服务。";
const close = () => {
popupRef.value?.close();
@@ -93,7 +92,15 @@ const handleAgree = () => {
};
const handleRuleClick = () => {
- emit("ruleClick");
+ uni.navigateTo({
+ url: "/pages-aigc/agreement/agreement",
+ fail: () => {
+ uni.showToast({
+ title: "打开用户规则失败",
+ icon: "none",
+ });
+ },
+ });
};
const syncPopupVisible = async (visible) => {
diff --git a/src/pages-aigc/home/components/AigcConsentDialog/styles/index.scss b/src/pages-aigc/home/components/AigcConsentDialog/styles/index.scss
index 67e1dcf..f1ad0d6 100644
--- a/src/pages-aigc/home/components/AigcConsentDialog/styles/index.scss
+++ b/src/pages-aigc/home/components/AigcConsentDialog/styles/index.scss
@@ -31,6 +31,28 @@
text-align: justify;
}
+.aigc-consent-section + .aigc-consent-section {
+ margin-top: 18px;
+}
+
+.aigc-consent-section-title,
+.aigc-consent-paragraph {
+ display: block;
+}
+
+.aigc-consent-section-title {
+ margin-bottom: 6px;
+ color: #172033;
+ font-size: 16px;
+ line-height: 24px;
+ font-weight: 900;
+ text-align: left;
+}
+
+.aigc-consent-paragraph + .aigc-consent-paragraph {
+ margin-top: 10px;
+}
+
.aigc-consent-rule {
color: #18bd78;
font-weight: 900;
diff --git a/src/pages.json b/src/pages.json
index 7b81a9c..2b9b9b3 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -158,56 +158,62 @@
{
"root": "pages-aigc",
"pages": [
- {
- "path": "home/home",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "useTemplate/useTemplate",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "progress/progress",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "detail/detail",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "sharedWork/sharedWork",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "recharge/recharge",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "pointsDetails/pointsDetails",
- "style": {
- "navigationStyle": "custom"
- }
- },
- {
- "path": "record/record",
- "style": {
- "navigationStyle": "custom"
- }
- }
- ]
- }
+ {
+ "path": "home/home",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "agreement/agreement",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "useTemplate/useTemplate",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "progress/progress",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "detail/detail",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "sharedWork/sharedWork",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "recharge/recharge",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "pointsDetails/pointsDetails",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ },
+ {
+ "path": "record/record",
+ "style": {
+ "navigationStyle": "custom"
+ }
+ }
+ ]
+ }
],
"globalStyle": {
"navigationBarTextstyle": "black",