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

改用了flex布局

parent e3cedda6
<view class="box"> <view class="box">
<view class="main"> <view class="main">
<text class="tip">(目前提现无需手续)</text> <text class="tip">(目前提现无需手续)</text>
<text class="article">提现金额</text>
<view class="section"> <view class="section">
<text>提现金额</text>
<input type="number" placeholder="请输入提现金额" /> <view>
<input type="text" placeholder="请输入提现金额" />
<text>RMB</text> <text>RMB</text>
</view> </view>
<view class="button">
保存
</view> </view>
<view class="button">保存</view>
</view> </view>
</view> </view>
\ No newline at end of file
...@@ -6,19 +6,22 @@ ...@@ -6,19 +6,22 @@
} }
.main { .main {
position: relative; display: flex;
flex-direction: column;
/* justify-content: space-around; */
margin: 53rpx auto; margin: 53rpx auto;
width: 684rpx; width: 684rpx;
height: 375rpx; height: 375rpx;
background: #FFFFFF; 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; border-radius: 30rpx;
} }
.main .tip { .main .tip {
position: absolute; margin-top: 37rpx;
top: 37rpx; margin-left: 37rpx;
left: 37rpx; width: 232rpx;
height: 25rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -26,53 +29,60 @@ ...@@ -26,53 +29,60 @@
line-height: 34rpx; line-height: 34rpx;
} }
.main .section {
display: flex;
.main .article { align-items: center;
position: absolute; margin-top: 41rpx;
top: 116rpx; margin-left: 34rpx;
left: 34rpx; /* background-color: red; */
width: 138rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 34rpx;
} }
.main .section { .main .section view {
display: flex; display: flex;
align-items: center; align-items: center;
position: absolute; margin-left: 15rpx;
top: 110rpx; height: 78rpx;
left: 194rpx; width: 456rpx;
width: 436rpx;
height: 44rpx;
padding-bottom: 20rpx;
padding-left: 15rpx;
border-bottom: 1rpx solid #EEEEEE; border-bottom: 1rpx solid #EEEEEE;
/* background-color: red; */
} }
.main .section text { .main .section view input {
width: 59rpx; 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; margin-left: 30rpx;
width: 59rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
/* background-color: red; */
} }
.main .section input { .main .section text:first-child {
font-size: 22rpx; width: 138rpx;
height: 34rpx;
font-size: 34rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
width: 160rpx; color: #333333;
line-height: 34rpx;
/* background-color: red; */
} }
.main .button { .main .button {
position: absolute; align-self: center;
top: 247rpx; margin-top: 75rpx;
left: 111rpx;
width: 487rpx; width: 487rpx;
height: 86rpx; height: 86rpx;
background: linear-gradient(-82deg, #2658F7 1%, #1B9CF0 100%); 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