init

src/pages/DetailPage/DetailPage.module.less

@@ -36,7 +36,7 @@
       text-align: center;
       font-size: 28px;
     }
-    
+
     .totalProfit{
       position: absolute;
       left: 0;
@@ -57,7 +57,7 @@
       font-weight: bold;
     }
 
-    
+
     .marketValue{
       position: absolute;
       left: 50%;
@@ -68,7 +68,7 @@
       font-size: 30px;
       font-weight: bold;
     }
-    
+
     .yesterdayProfit{
       position: absolute;
       right:40px;
@@ -84,7 +84,7 @@
     width: 100%;
     height: 100%;
     //border: none;
-    border: 0px;
+    border: 0;
 
   }
 
@@ -271,4 +271,13 @@
     }
   }
 
-}
+  .backBtn {
\ No newline at end of file
+    position: absolute;
+    left: 50px;
+    top: 50px;
+    width: 18px;
+    height: 32px;
+    .webpBg("RecordPage/backBtn.png");
+  }
+
+}

src/pages/DetailPage/DetailPage.tsx

@@ -14,6 +14,7 @@ import { ModalCtrl } from "@/core/ctrls/ModalCtrl.tsx";
 import { BuyPanel } from "@/panels/BuyPanel/BuyPanel.tsx";
 import { SellPanel } from '@/panels/SellPanel/SellPanel';
 import { diffJump } from "@/AppTools.ts";
+import HomePage from "@/pages/HomePage/HomePage.tsx";
 
 enum EOpType {
     Buy = "buy",
@@ -138,6 +139,10 @@ class DetailPage extends React.Component<any, any> {
         }
     }
 
+    clickBack = () => {
+        PageCtrl.changePage(HomePage);
+    }
+
     render() {
         const {
             tabType, iframeUrl,
@@ -152,14 +157,14 @@ class DetailPage extends React.Component<any, any> {
         const isBuyed = totalProfit || tranche || marketValue || yesterdayProfit;
 
         return <div className={styles.DetailPage}>
-            {isBuyed &&<div className={styles.topArea}>
+            {isBuyed ? <div className={styles.topArea}>
                 <div className={styles.topBg}/>
                 <div className={styles.productName}>{productName}</div>
                 <div className={styles.totalProfit}>{totalProfit/100}</div>
                 <div className={styles.tranche}>{tranche/100}</div>
                 <div className={styles.marketValue}>{marketValue/100}</div>
                 <div className={styles.yesterdayProfit}>{yesterdayProfit/100}</div>
-            </div>}
+            </div> : ""}
             <iframe className={styles.prodIframe} src={iframeUrl} />
 
             <motion.div
@@ -194,7 +199,7 @@ class DetailPage extends React.Component<any, any> {
                     </div>
                     <input
                         className={styles.bugInput}
-                        placeholder="¥最低买入1.00元"
+                        placeholder={`¥最低买入${minBuyLimit / 100}元`}
                         type='text'
                         inputMode='decimal'
                         value={buyInput}
@@ -225,7 +230,7 @@ class DetailPage extends React.Component<any, any> {
                             value={sellInput}
                             type='text'
                             inputMode='decimal'
-                            placeholder="最多可赎回0份"
+                            placeholder={`最多可赎回${tranche / 100}份`}
                             onChange={(e) => this.handleInputChange(e, 'sellInput')}
                         />
                         <Button className={styles.sellAll} onClick={() => {
@@ -240,7 +245,10 @@ class DetailPage extends React.Component<any, any> {
                     >模拟赎回</Button>
                 </motion.div>
             </motion.div>
-
+            <Button
+                className={classNames(styles.backBtn)}
+                onClick={this.clickBack}
+            />
         </div>;
     }
 }