| | |
| | | display: flex; /* 使用 Flex 布局 */ |
| | | margin-left: 50px; |
| | | margin-top: 30px; |
| | | width: 2200px; |
| | | } |
| | | .rectangle1 { |
| | | width: 250px; /* 设置框的宽度 */ |
| | | height: 160px; /* 自适应高度 */ |
| | | height: 150px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | | display: flex; /* 使用 Flex 布局 */ |
| | |
| | | margin-right: 40px; /* 设置矩形框之间的间距 */ |
| | | } |
| | | .rectangle2 { |
| | | width: 150px; /* 设置框的宽度 */ |
| | | height: 130px; /* 自适应高度 */ |
| | | width: 190px; /* 设置框的宽度 */ |
| | | height: 110px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | | display: flex; /* 使用 Flex 布局 */ |
| | |
| | | margin-top: 15px; |
| | | } |
| | | .rectangle3 { |
| | | width: 150px; /* 设置框的宽度 */ |
| | | height: 130px; /* 自适应高度 */ |
| | | width: 190px; /* 设置框的宽度 */ |
| | | height: 110px; /* 自适应高度 */ |
| | | background-color: #cecece; /* 设置底色为灰色 */ |
| | | border-radius: 30px; /* 设置圆角半径为10px */ |
| | | display: flex; /* 使用 Flex 布局 */ |
| | |
| | | <#button name="重置" icon="fa-trash" clickFun="TUser.resetSearch()" space="true"/> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="container"> |
| | | <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> |
| | | <h2 id="num2">0</h2> |
| | | <br> |
| | | <h2 id="text2">用户订单消费</h2> |
| | | <h3 style="text-align: center" id="text2">用户订单消费</h3> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num3">0</h1> |
| | | <h2 id="num3">0</h2> |
| | | <br> |
| | | <h2 id="text3">用户充值总额</h2> |
| | | <h3 style="text-align: center" id="text3">用户充值总额</h3> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jiahao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num4">0</h1> |
| | | <h2 id="num4">0</h2> |
| | | <br> |
| | | <h2 id="text4">司机结算总额</h2> |
| | | <h3 style="text-align: center" id="text4">司机结算总额</h3> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jianhao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num5">0</h1> |
| | | <h2 id="num5">0</h2> |
| | | <br> |
| | | <h2 id="text5">司机提现总额</h2> |
| | | <h3 style="text-align: center" id="text5">司机提现总额</h3> |
| | | </div> |
| | | <img style="margin-top: 70px" width="25px" height="25px" src="${ctxPath}/static/img/jianhao.png"> |
| | | <div class="rectangle3"> |
| | | <h1 id="num6">0</h1> |
| | | <h2 id="num6">0</h2> |
| | | <br> |
| | | <h2 id="text6">用户提现总额</h2> |
| | | <h3 style="text-align: center" id="text6">用户提现总额</h3> |
| | | </div> |
| | | </div> |
| | | <#table id="TUserTable"/> |