|
- .Box {
- width: 100%;
- height: 100vh;
- background: #f8f8fa;
- overflow: hidden;
- }
-
- .contBox {
- width: 96%;
- margin: 20rpx auto;
- background-color: #fff;
- overflow: hidden;
- border-radius: 12rpx;
- }
-
- .titleTopBox {
- width: 90%;
- margin: auto;
- overflow: hidden;
- }
-
- .title {
- float: left;
- padding: 20rpx 0;
- }
-
- .status {
- float: right;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- background-color: rgba(0, 128, 0, 1);
- border-radius: 4rpx;
- color: #fff;
- }
-
- .red {
- background-color: rgba(255, 0, 0, 1);
- float: right;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
-
- .orange {
- background-color: rgba(243, 151, 56, 1);
- float: right;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
-
- .purple {
- background-color: rgba(153, 0, 255, 1);
- float: right;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
-
- .blue {
- background-color: rgba(0, 102, 255, 1);
- float: right;
- margin-right: 20rpx;
- margin-top: 20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
-
- .money {
- font-size: 46rpx;
- color: red;
- margin-left: 20rpx;
- padding: 20rpx 20rpx 0 20rpx;
- font-weight: 700;
- }
-
- .text {
- padding: 20rpx;
- margin-left: 20rpx;
- }
-
- .time {
- margin-left: 40rpx;
- }
-
- .userBox {
- overflow: hidden;
- margin-left: 40rpx;
- }
-
- .userImg {
- float: left;
- width: 50rpx;
- height: 50rpx;
- background-color: coral;
- }
-
- .userName {
- float: left;
- margin-left: 6rpx;
- }
-
- .goBack {
- width: 200rpx;
- height: 80rxp;
- background-color: rgba(22, 155, 213, 1);
- color: #fff;
- text-align: center;
- line-height: 80rpx;
- margin: 60rpx auto;
- border-radius: 10rpx;
- }
-
- .operationBox {
- text-align: center;
- overflow: hidden;
- display: flex;
- justify-content: center;
- }
-
- .repetition {
- width: 200rpx;
- height: 80rxp;
- background-color: rgba(22, 155, 213, 1);
- color: #fff;
- border-radius: 10rpx;
- line-height: 80rpx;
- margin: 60rpx 10rpx;
- }
-
- .back {
- width: 200rpx;
- height: 80rxp;
- border-radius: 10rpx;
- line-height: 80rpx;
- margin: 60rpx 10rpx;
- border: 1rpx solid rgba(0, 0, 0, 0.3);
- }
|