--预存款部分页面完成

src/pages/depositBeforehandDetail/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '交易详情'
+}

src/pages/depositBeforehandDetail/index.scss

@@ -0,0 +1,41 @@
+.deposit-detail{
+  // height: 100vh;
+  // background-color: #f3f3f3;
+  .deposit-timeline{
+
+  }
+  .deposit-timeline-item{
+    display: flex;
+    margin-left: 50px;
+  }
+  .deposit-timeline-item-title{
+    font-size: 24px;
+    font-weight: 400;
+    color: #3c3c3c;
+  }
+  .deposit-timeline-item-date{
+    font-size: 24px;
+    font-weight: 400;
+    color: #ababab;
+    margin-bottom: 55px;
+  }
+  .deposit-timeline-item-left{
+    position: relative;
+    margin-right: 55px;
+  }
+  .deposit-timeline-item-left::before{
+    content: " ";
+    width: 12px;
+    height: 12px;
+    background: #007aff;
+    border-radius: 50%;
+    display: block;
+    margin-top: 10px;
+  }
+  .deposit-timeline-item-left::after{
+    content: " ";
+    border-right: 1px dashed #007aff;
+    position: absolute;top: 25px;bottom: -8px;
+    left: 50%;transform: translateX(-50%);
+  }
+}

src/pages/depositBeforehandDetail/index.tsx

@@ -0,0 +1,37 @@
+
+import AddressList from "@/components/AddressList"
+import InfiniteScroll from "@/components/infiniteScroll"
+import { Button, Canvas, ScrollView, Text, View } from "@tarojs/components"
+import Taro, { useReady } from "@tarojs/taro"
+import { useEffect, useState } from "react"
+import {creditListApi} from "@/api/creditLine"
+import "./index.scss"
+
+export default ()=>{
+
+  return (
+    <View className="deposit-detail">
+      <TimeLine/>
+    </View>
+  )
+}
+
+const TimeLine = ()=>{
+  return(
+  <View className="deposit-timeline">
+    <View className="deposit-timeline-item">
+      <View className="deposit-timeline-item-left"></View>
+      <View className="deposit-timeline-item-right">
+        <View className="deposit-timeline-item-title">申请提交</View>
+        <View className="deposit-timeline-item-date">2022-04-24 16:10:11</View>
+      </View>
+    </View>
+    <View className="deposit-timeline-item">
+      <View className="deposit-timeline-item-left"></View>
+      <View className="deposit-timeline-item-right">
+        <View className="deposit-timeline-item-title">申请提交</View>
+        <View className="deposit-timeline-item-date">2022-04-24 16:10:11</View>
+      </View>
+    </View>
+  </View>)
+}