From e472a9740a7adb2547f1b67da02f0c6002265582 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Wed, 14 Jan 2026 17:43:47 +0800
Subject: [PATCH] 1

---
 src/page/home/help_fwxy.vue |  197 ++++++++++++++++++++++---------------------------
 1 files changed, 88 insertions(+), 109 deletions(-)

diff --git a/src/page/home/help_fwxy.vue b/src/page/home/help_fwxy.vue
index 264cd2b..90e0b85 100644
--- a/src/page/home/help_fwxy.vue
+++ b/src/page/home/help_fwxy.vue
@@ -1,96 +1,11 @@
 <template>
   <div class="privacy-policy">
     <headers :mess="loginWay" />
-    <div class="texta">Section 1: Introduction</div>
-    <div class="text">This agreement is entered into by AMBARA CAPITAL (hereinafter referred to as "the Company") and
-      the registered account holder (hereinafter referred to as "the Client"). The purpose of this agreement is to
-      define the responsibilities and obligations of both parties in relation to trading in the Indian stock market. By
-      registering an account online and agreeing to this agreement, the Client automatically consents to all services
-      provided by the Company and the regulatory terms governing these services, while acknowledging compliance with the
-      applicable laws and regulations of the Indian securities market.</div>
-    <div class="texta">Section 2: Account Registration and Service Regulation</div>
-    <div class="text">1.The Client must provide accurate and truthful personal information (including but not limited to
-      name, contact details, identification documents, etc.) during the registration process for identity verification,
-      account management, and compliance checks. The Client agrees that the Company has the right to verify the
-      registration details and assess the Client's eligibility in accordance with internal policies. Accounts will be
-      suspended or canceled if false information is provided.</div>
-    <div class="text">2.Automatic Agreement to Service Regulations
-      By registering an account and selecting the “I have read and agree to the user Services Agreement” checkbox, the
-      Client automatically agrees to the terms of service, including but not limited to account management, trading
-      rules, fees, and risk management. These terms will remain in effect as long as the Client uses the services and
-      may be adjusted based on market conditions, regulatory policies, and other factors.</div>
-    <div class="text">3.Account Management and Service Regulation
-      The Client agrees that the Company has the right to implement necessary monitoring, fund management, and trading
-      control measures based on market fluctuations, regulatory requirements, and risk assessments. If any abnormal
-      trading or violations of regulations occur during account usage, the Company has the right to take actions such as
-      freezing the account or restricting trades.</div>
-    <div class="texta">Section 3: Fees, Commissions, and Trading Rules</div>
-    <div class="text">1.Fees and Charges
-      The Client agrees to pay the relevant fees based on the Company’s published fee structure, including but not
-      limited to account management fees, trading commissions, fund transfer fees, and trade cancellation fees. The
-      Company reserves the right to adjust the fee structure periodically and will notify the Client through email or
-      platform announcements. The Client acknowledges the current and possible future fee changes at the time of
-      registration.</div>
-    <div class="text">2.Payment Method
-      All fees and commissions must be paid via the Client’s account balance. If the account balance is insufficient,
-      the Client will not be able to continue trading.</div>
-    <div class="text">3.Trading Rules
-      The Client agrees to abide by the Company’s trading rules, including but not limited to trading hours, types of
-      trades, maximum transaction limits, and minimum trading units. The Company reserves the right to modify the
-      trading rules as necessary, based on market conditions, regulatory requirements, and client needs, and will notify
-      the Client of any changes via announcements or notifications.</div>
-    <div class="texta">Section 4: Risk Management and Client Responsibility</div>
-    <div class="text">1.Risk Warning
-      The Client understands and accepts that stock market investments carry inherent market volatility and potential
-      risks, especially in the unique context of the Indian stock market. While the Company provides risk management
-      measures, the ultimate investment risk lies with the Client. The Client should make investment decisions based on
-      their financial situation, investment goals, and risk tolerance.</div>
-    <div class="text">2.Client Responsibilities
-      The Client is responsible for maintaining accurate account information and updating it regularly. If any changes
-      occur in personal details (such as address, contact number, or bank account), the Client must inform the Company
-      immediately. The Client is responsible for all funds and transactions in the account, including deposits,
-      withdrawals, trade execution, investment returns, and losses.</div>
-    <div class="text">3.Force Majeure
-      In the event of force majeure situations (such as natural disasters, wars, internet failures, etc.) causing
-      abnormal transactions or system malfunctions, the Company will make efforts to restore services but will not be
-      liable for any losses arising from such events.</div>
-    <div class="texta">Section 5: Information Disclosure and Notifications</div>
-    <div class="text">1.Notifications and Disclosures
-      The Client agrees that the Company has the right to send notifications related to account management,
-      transactions, fee changes, market trends, etc., via email, platform announcements, or SMS. The Client is obligated
-      to promptly review these notifications and make adjustments as necessary.</div>
-    <div class="text">2.Privacy Protection and Data Handling
-      The Client agrees that the Company will collect, process, and store personal information in compliance with the
-      Indian Personal Data Protection Bill (PDPB) and related privacy regulations. The Company will take reasonable
-      technical measures to protect the Client’s privacy, but the Client also acknowledges the inherent risks of sharing
-      information over the internet.</div>
-    <div class="texta">Section 6: Amendments and Termination of Agreement</div>
-    <div class="text">1.Amendments to the Agreement
-      The Company reserves the right to modify any provisions of this agreement at any time and will inform the Client
-      of such changes through platform announcements, emails, or other means. The Client is deemed to have agreed to the
-      modified terms upon continued use of the services after being notified.</div>
-    <div class="text">2.Termination of the Agreement
-      The Client may request termination of this agreement at any time, provided that all outstanding dues and
-      incomplete transactions are settled. The Company has the right to terminate the agreement under the following
-      circumstances:</div>
-    <div class="text">1.The Client provides false information or violates legal regulations.</div>
-    <div class="text">2.The Client fails to pay fees or fulfill obligations under this agreement.</div>
-    <div class="text">3.Any other reasonable grounds as deemed by the Company.</div>
-    <div class="texta">Section 7: Disclaimer</div>
-    <div class="text">1.Disclaimer
-      The Client understands and agrees that while the Company strives to provide secure and stable services, the
-      Company is not liable for any losses arising due to market volatility, technical failures, regulatory changes, or
-      other factors. The Client is responsible for evaluating investment risks and making investment decisions based on
-      their judgment.</div>
-    <div class="text">2.Governing Law and Dispute Resolution
-      This agreement is governed by the laws and regulations of India. In the event of a dispute, both parties agree to
-      first attempt to resolve the issue through amicable negotiations. If negotiations fail, the dispute will be
-      submitted to the courts under the jurisdiction of India.</div>
-    <div class="texta">Section 8: Agreement Effectiveness</div>
-    <div class="text">This agreement automatically becomes effective when the Client registers an account. By selecting
-      the "I have read and agree to the terms above" option during registration, the Client agrees to abide by all
-      provisions of this agreement and the Company’s service regulations.</div>
-    <div style="margin-bottom: 150px;"></div>
+    <div class="text">
+      <div class="article" v-for="(article, index) in articles" :key="index">
+        <div class="article-content" v-html="formatContent(article)"></div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -100,31 +15,101 @@
   data() {
     return {
       loginWay: this.$t('《用戶服務協議》'),
-      policyContent: ''
-
-    };
+      articles: [
+        '协议第一条',
+        '协议第二条',
+        '协议第三条',
+        '协议第四条',
+        '协议第五条',
+        '协议第六条',
+        '协议第七条',
+        '协议第八条'
+      ]
+    }
   },
   components: {
     headers
   },
-  mounted() {
-    this.loadPolicy();
-  },
   methods: {
-    loadPolicy() {
-      // 假设你有一个方法来加载隐私政策内容
-      this.policyContent = '';
+    formatContent(key) {
+      const content = this.$t(key)
+      if (!content) return ''
+      // 将换行符转换为HTML换行,并处理段落
+      return content
+        .split('\n')
+        .map((line) => {
+          // 如果是空行,返回空段落
+          if (!line.trim()) {
+            return '<p class="paragraph-spacing"></p>'
+          }
+          // 如果是标题行(包含"第X条"或"第X条"),加粗显示
+          if (line.match(/^第[一二三四五六七八九十]+条/)) {
+            return `<p class="article-title">${line}</p>`
+          }
+          // 如果是小标题(不包含句号,且较短),加粗显示
+          if (line.length < 30 && !line.includes('。') && !line.includes('.')) {
+            return `<p class="sub-title">${line}</p>`
+          }
+          // 普通段落
+          return `<p class="article-paragraph">${line}</p>`
+        })
+        .join('')
     }
   }
 };
 </script>
 
 <style scoped>
+.privacy-policy {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 20px;
+  background-color: #fff;
+  min-height: 100vh;
+}
+
 .text {
-  font-size: 24px;
-  line-height: 28px;
-  margin-bottom: 20px;
-  /* font-weight: 600; */
+  font-size: 0.4rem;
+  line-height: 1.6;
+  color: #333;
+  padding: 0.4rem 0;
+}
+
+.article {
+  margin-bottom: 0.6rem;
+}
+
+.article-content {
+  width: 100%;
+}
+
+.article-title {
+  font-size: 0.48rem;
+  font-weight: 600;
+  color: #14181f;
+  margin-bottom: 0.3rem;
+  margin-top: 0.4rem;
+}
+
+.sub-title {
+  font-size: 0.42rem;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 0.2rem;
+  margin-top: 0.3rem;
+}
+
+.article-paragraph {
+  font-size: 0.38rem;
+  color: #666;
+  margin-bottom: 0.25rem;
+  text-align: justify;
+  line-height: 1.8;
+}
+
+.paragraph-spacing {
+  height: 0.3rem;
+  margin: 0;
 }
 
 .texta {
@@ -132,11 +117,5 @@
   line-height: 28px;
   margin-bottom: 20px;
   font-weight: 600;
-}
-
-.privacy-policy {
-  max-width: 960px;
-  margin: 0 auto;
-  padding: 20px;
 }
 </style>

--
Gitblit v1.9.3