xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

--预存款部分页面完成

Browse Source
This commit is contained in:
li tong bao
2022-06-01 20:33:47 +08:00
parent 83f7bdac14
commit d725e5d01b
14 changed files with 667 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/depositBeforehand/index.config.ts
+3
View File
@@ -0,0 +1,3 @@
export default {
navigationBarTitleText: '预存款'
}
src/pages/depositBeforehand/index.scss
+87
View File
@@ -0,0 +1,87 @@
.deposit-beforehand{
height: 100vh;
background-color: #f3f3f3;
display: flex;
flex-direction: column;
.deposit-beforehand-card{
width: 702px;
background: #ffffff;
border-radius: 20px;
margin: 30px auto;
padding: 30px;
box-sizing: border-box;
}
.deposit-beforehand-balance{
display: flex;flex-direction: column;align-items: center;
}
.deposit-beforehand-balance-title{
font-size: 28px;
font-weight: 400;
color: #000000;
margin-bottom: 35px;
}
.deposit-beforehand-balance-price{
font-size: 40px;
font-weight: 700;
color: #000000;
margin-bottom: 70px;
}
.deposit-beforehand-balance-button{
width: 276px;
height: 74px;
background: #007aff;
border-radius: 38px;
display: flex;align-items: center;justify-content: center;
color: white;
margin-bottom: 10px;
}
.deposit-beforehand-info-title{
display: flex;justify-content: space-between;
margin-bottom: 50px;
}
.deposit-beforehand-info-title-left{
font-size: 28px;
font-weight: 700;
color: #000000;
}
.deposit-beforehand-info-title-copy{
font-size: 24px;
font-weight: 400;
color: #007aff;
}
.deposit-beforehand-info-list{
display: flex;align-items: center;
line-height: 60px;
}
.deposit-beforehand-info-list-left{
width: 160px;
font-size: 24px;
font-weight: 400;
color: #3c3c3c;
border-right: 1px solid #dddddd;
margin-right: 25px;
}
.deposit-beforehand-info-list-right{
font-size: 26px;
font-weight: 400;
color: #000000;
}
.deposit-beforehand-particulars{
display: flex;align-items: center;justify-content: space-between;
}
.deposit-beforehand-particulars-left{
font-size: 28px;
font-weight: 700;
color: #000000;
}
.deposit-beforehand-particulars-right{
font-size: 24px;
font-weight: 400;
color: #ababab;
}
.deposit-beforehand-particulars-right text{
font-size: 28px;
}
}
src/pages/depositBeforehand/index.tsx
+49
View File
@@ -0,0 +1,49 @@
import { Button, Canvas, Navigator, ScrollView, Text, View } from "@tarojs/components"
import "./index.scss"
export default ()=>{
return (
<View className="deposit-beforehand">
<View className="deposit-beforehand-card">
<View className="deposit-beforehand-balance">
<View className="deposit-beforehand-balance-title">余额 (元)</View>
<Text className="deposit-beforehand-balance-price">999,999.20</Text>
<View className="deposit-beforehand-balance-button">转出</View>
</View>
</View>
<View className="deposit-beforehand-card">
<View className="deposit-beforehand-info">
<View className="deposit-beforehand-info-title">
<View className="deposit-beforehand-info-title-left"><Text></Text> 预存款充值</View>
<View className="deposit-beforehand-info-title-copy">复制</View>
</View>
<View className="deposit-beforehand-info-content">
<View className="deposit-beforehand-info-list">
<View className="deposit-beforehand-info-list-left">开户名称</View>
<View className="deposit-beforehand-info-list-right">佛山市浩川盛世科技有限公司</View>
</View>
<View className="deposit-beforehand-info-list">
<View className="deposit-beforehand-info-list-left">开户银行</View>
<View className="deposit-beforehand-info-list-right">招商银行汾江支行</View>
</View>
<View className="deposit-beforehand-info-list">
<View className="deposit-beforehand-info-list-left">专属汇款账号</View>
<View className="deposit-beforehand-info-list-right">62062342120001221231212</View>
</View>
</View>
</View>
</View>
<View className="deposit-beforehand-card">
<View className="deposit-beforehand-particulars">
<View className="deposit-beforehand-particulars-left">收支明细</View>
<Navigator hoverClass="none" url="/pages/depositList/index" className="deposit-beforehand-particulars-right">
全部 <Text className="iconfont icon-a-moreback"></Text>
</Navigator>
</View>
</View>
</View>
)
}