Commit 1d64658c authored by 小何程序员's avatar 小何程序员

改用了flex布局

parent e3cedda6
<view class="box">
<view class="main">
<text class="tip">(目前提现无需手续)</text>
<text class="article">提现金额</text>
<view class="section">
<input type="number" placeholder="请输入提现金额" />
<text>RMB</text>
<text>提现金额</text>
<view>
<input type="text" placeholder="请输入提现金额" />
<text>RMB</text>
</view>
</view>
<view class="button">
保存
</view>
<view class="button">保存</view>
</view>
</view>
\ No newline at end of file
......@@ -6,19 +6,22 @@
}
.main {
position: relative;
display: flex;
flex-direction: column;
/* justify-content: space-around; */
margin: 53rpx auto;
width: 684rpx;
height: 375rpx;
background: #FFFFFF;
box-shadow: 0px 1px 5px 1px rgba(167, 167, 167, 0.29);
box-shadow: 0rpx 1rpx 5rpx 1rpx rgba(167, 167, 167, 0.29);
border-radius: 30rpx;
}
.main .tip {
position: absolute;
top: 37rpx;
left: 37rpx;
margin-top: 37rpx;
margin-left: 37rpx;
width: 232rpx;
height: 25rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
......@@ -26,53 +29,60 @@
line-height: 34rpx;
}
.main .article {
position: absolute;
top: 116rpx;
left: 34rpx;
width: 138rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 34rpx;
.main .section {
display: flex;
align-items: center;
margin-top: 41rpx;
margin-left: 34rpx;
/* background-color: red; */
}
.main .section {
.main .section view {
display: flex;
align-items: center;
position: absolute;
top: 110rpx;
left: 194rpx;
width: 436rpx;
height: 44rpx;
padding-bottom: 20rpx;
padding-left: 15rpx;
margin-left: 15rpx;
height: 78rpx;
width: 456rpx;
border-bottom: 1rpx solid #EEEEEE;
/* background-color: red; */
}
.main .section text {
width: 59rpx;
.main .section view input {
margin-left: 15rpx;
width: 159rpx;
height: 21rpx;
font-size: 22rpx;
font-family: PingFang SC;
/* font-weight: 500; */
/* line-height: 34rpx; */
/* background-color: #2658F7; */
}
.main .section view text {
margin-left: 30rpx;
width: 59rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
/* background-color: red; */
}
.main .section input {
font-size: 22rpx;
.main .section text:first-child {
width: 138rpx;
height: 34rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: 500;
width: 160rpx;
font-weight: bold;
color: #333333;
line-height: 34rpx;
/* background-color: red; */
}
.main .button {
position: absolute;
top: 247rpx;
left: 111rpx;
align-self: center;
margin-top: 75rpx;
width: 487rpx;
height: 86rpx;
background: linear-gradient(-82deg, #2658F7 1%, #1B9CF0 100%);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment