| | |
| | | display: flex; /* 使用 Flex 布局 */ |
| | | margin-left: 50px; |
| | | margin-top: 30px; |
| | | width: 2200px; |
| | | } |
| | | .rectangle1 { |
| | | width: 250px; /* 设置框的宽度 */ |
| | | width: 200px; /* 设置框的宽度 */ |
| | | height: 160px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | |
| | | margin-right: 40px; /* 设置矩形框之间的间距 */ |
| | | } |
| | | .rectangle2 { |
| | | width: 200px; /* 设置框的宽度 */ |
| | | width: 170px; /* 设置框的宽度 */ |
| | | height: 130px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | |
| | | margin-top: 15px; |
| | | } |
| | | .rectangle3 { |
| | | width: 200px; /* 设置框的宽度 */ |
| | | width: 170px; /* 设置框的宽度 */ |
| | | height: 130px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | |
| | | margin-top: 15px; |
| | | } |
| | | .rectangle4 { |
| | | width: 250px; /* 设置框的宽度 */ |
| | | width: 170px; /* 设置框的宽度 */ |
| | | height: 170px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | |
| | | <div class="rectangle1"> |
| | | <h1 id="num1">0</h1> |
| | | <br> |
| | | <h2 id="text1">已使用补贴总额</h2> |
| | | |
| | | <h2 style="text-align: center" id="text1">已使用补贴总额</h2> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/dengyu.png"> |
| | | <div class="rectangle2"> |
| | | <h1 id="num2">0</h1> |
| | | <h3 id="num2">0</h3> |
| | | <br> |
| | | <h2 id="text2">已使用折扣总额(用户端)</h2> |
| | | <h4 style="text-align: center" id="text2">已使用折扣总额(用户端)</h4> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num3">0</h1> |
| | | <h3 id="num3">0</h3> |
| | | <br> |
| | | <h2 id="text3">已使用红包总额(用户端)</h2> |
| | | <h4 style="text-align: center" id="text3">已使用红包总额(用户端)</h4> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num4">0</h1> |
| | | <h3 id="num4">0</h3> |
| | | <br> |
| | | <h2 id="text4">已使用优惠券总额(用户端)</h2> |
| | | <h4 style="text-align: center" id="text4">已使用优惠券总额(用户端)</h4> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png"> |
| | | <div class="rectangle4"> |
| | | <h1 id="num5">0</h1> |
| | | <h3 id="num5">0</h3> |
| | | <br> |
| | | <h2 id="text5">已使用司机奖励合计</h2> |
| | | <h4 style="text-align: center" id="text5">已使用司机奖励合计</h4> |
| | | <br> |
| | | <div style="display: flex"> |
| | | <span>已提现</span> <span id="num6">0</span> |