12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- .container4 {
- padding: 30rpx;
- background-color: #F5F5F5;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- padding-top: 230rpx;
- }
- .custom-nav {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- height: 88rpx;
- background-color: rgba(46, 130, 255, 1);
- display: flex;
- align-items: center;
- padding-top: 110rpx;
- z-index: 1000;
- }
- /* 固定返回按钮样式 */
- .fixed-back {
- position: fixed;
- top: 50rpx;
- left: 30rpx;
- z-index: 999;
- border-radius: 50%;
- width: 50rpx;
- height: 200rpx;
- display: flex;
- align-items: center;
- color: rgba(255, 255, 255, 1);
- }
- .nav-title {
- flex: 1;
- text-align: center;
- font-size: 34rpx;
- color: #fff;
- }
- .bill-detail-card {
- background-color: white;
- border-radius: 20rpx;
- margin: 10rpx;
- padding: 30rpx;
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
- }
- .bill-date-row, .bill-row {
- display: flex;
- justify-content: space-between;
- padding: 20rpx 0;
- font-size: 28rpx;
- color: #333;
- }
- .divider {
- height: 1rpx;
- background-color: #eee;
- margin: 20rpx 0;
- }
- /* .total {
- font-weight: bold;
- font-size: 32rpx;
- color: #0080ff;
- } */
- .bill-card {
- background: #fff;
- border-radius: 16rpx;
- margin: 0rpx 2rpx 20rpx 2rpx;
- padding: 30rpx 30rpx 30rpx 30rpx;
- background: rgba(255, 255, 255, 1);
- }
- .bill-row {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 16rpx 0;
- }
- .divider {
- height: 2rpx;
- background: #e5e5e5;
- margin: 16rpx 0;
- }
- .total {
- font-weight: bold;
- font-size: 32rpx;
- }
|