|
- /* pages/couponRecord/index.wxss */
- page {
- background: #f6f6f6;
- }
-
- .head {
- height: 227rpx;
- width: 681rpx;
- margin: 40rpx auto 0;
- position: relative;
- }
-
- picker {
- width: 180rpx;
- text-align:center;
- height: 45rpx;
- font-size: 30rpx;
- overflow: hidden;
- color: rgba(85, 85, 85, 1);
- margin: 0 auto;
- }
-
- .head image {
- position: absolute;
- width: 100%;
- height: 100% !important;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 1;
- }
-
- .time {
- position: relative;
- display: flex;
- flex: 2.5;
- text-align: center;
- z-index: 10;
- align-items: center;
- }
-
- .time >view:nth-of-type(1), .time >view:nth-of-type(3) {
- flex: 1;
- }
-
- .time >view:nth-of-type(2) {
- flex: 0.5;
- }
-
- .time >view text {
- display: block;
- }
-
- .time >view text:nth-of-type(2n+1) {
- margin-top: 69rpx;
- }
-
- .time >view text:nth-of-type(2n+1) {
- color: #999;
- font-size: 26rpx;
- margin-bottom: 24rpx;
- }
-
- .time >view text:nth-of-type(2n) {
- color: rgba(153, 153, 153, 1);
- font-size: 32rpx;
- margin-top: 34rpx;
- }
-
- .btn {
- background: #51a0fc;
- height: 76rpx;
- line-height: 76rpx;
- display: block;
- width: 681rpx;
- margin: 0 auto;
- border-top-left-radius: 0 !important;
- border-top-right-radius: 0 !important;
- border-bottom-left-radius: 16rpx;
- border-bottom-right-radius: 16rpx;
- color: #fff;
- font-size: 30rpx;
- box-shadow: 0 9rpx 16rpx 0 rgba(81, 160, 252, 0.57);
- }
-
- button::after {
- border: none;
- }
-
- .active {
- opacity: 0.6;
- }
-
- .acount {
- width: 630rpx;
- display: flex;
- margin: 30rpx auto 0;
- padding: 35rpx 0;
- flex: 2;
- text-align: center;
- border-top: 1px solid #e3f0ff;
- }
-
- .acount>view {
- flex: 1;
- }
-
- .acount>view text {
- display: block;
- color: #999;
- font-size: 26rpx;
- }
-
- .acount>view text:nth-of-type(2n) {
- color: #333;
- font-size: 40rpx;
- margin-top: 20rpx;
- }
-
- .content {
- position: relative;
- padding: 15rpx 35rpx 20rpx;
- background: #fff;
- border-bottom: 1px solid #eaeaea;
- }
- .contentL {
- position: relative;
- padding: 25rpx;
- background: #fff;
- width: 85%;
- border-radius: 16rpx;
- margin: 30rpx auto;
- /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); */
- }
- .contentL>view {
- height: 60rpx;
- line-height: 60rpx;
- font-size: 30rpx;
- }
- .contentL>view:nth-child(2){
- color: rgba(153,153,153,1);
- }
- .contentL>view>text {
- font-size: 28rpx;
- }
- .contentL>view>text:nth-child(1) {
- width: 460rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- .contentL>view>text:nth-child(2) {
- width:160rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- text-align: right;
- }
- .content>view:nth-child(1){
- font-size: 28rpx;
- }
- .contentL>view:nth-child(2),.content>view:nth-child(2),.content>view:nth-child(3) {
- display: flex;
- justify-content: space-between;
- }
- .content>view:nth-child(2)>text,.content>view:nth-child(3)>text {
- font-size: 26rpx;
- font-family: PingFang-SC-Bold;
- color: rgba(153, 153, 153, 1);
- }
- .nocontent {
- text-align: center;
- font-size: 30rpx;
- padding: 30rpx 0;
- }
-
- .contents {
- margin-top: 30rpx;
- }
- .contentL>view:nth-child(1){
- display: flex;
- justify-content: space-between;
- }
-
- .content .fr text:nth-of-type(1) {
- margin-top: 36rpx;
- }
-
- .content .fr text:nth-of-type(1), .content .fr text:nth-of-type(3) {
- color:rgba(51,51,51,1);
- display: block;
- font-size: 34rpx;
- }
-
- .content .fr text:nth-of-type(2) {
- display: block;
- }
-
- .img {
- display: block;
- width: 100%;
- }
-
- .title {
- display: block;
- text-align: center;
- color: rgba(153, 153, 153, 1);
- font-size: 26rpx;
- }
-
- .total {
- display: block;
- text-align: center;
- font-size: 70rpx;
- margin: 36rpx 0;
- font-family: PingFang-SC-Bold;
- font-weight: bold;
- color: rgba(51, 51, 51, 1);
- }
-
- .acounts {
- width: 680rpx;
- margin: 48rpx auto 48rpx;
- border: 1px solid #51a0fc;
- border-radius: 16rpx;
- padding: 40rpx 0 0;
- background: #fff;
- }
- .daishou{
- width: 133rpx;
- height: 79rpx;
- position: absolute;
- top: 0;
- bottom: 0;
- right:264rpx;
- margin: auto;
- }
- .date-t{
- font-size:26rpx;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(153,153,153,1);
- line-height:44rpx;
- padding:0 35rpx;
- margin: 10rpx 0;
- }
- .loading{
- color:rgba(51,51,51,1);
- font-size:28rpx;
- line-height: 40rpx;
- margin:30rpx 0;
- text-align: center;
- }
- .tab{
- height: 80rpx;
- padding:0 25rpx;
- display: flex;
- align-items: center;
- justify-content: center
- }
- .tab > view{
- width: 35%;
- line-height: 80rpx;
- text-align: center;
- font-size: 28rpx;
- /* border: 1rpx #333 solid; */
- border-radius: 10rpx;
- }
- .couponsL{
- background: #51a0fc;
- color: #fff;
- }
- .couponsR{
- background: #FFF;
- color: #000;
- }
- .hide {
- width: 100%;
- height: 55rpx;
- line-height: 55rpx;
- }
-
- .hide text {
- color: #999;
- display: block;
- text-align: center;
- font-size: 28rpx;
- }
- .jiaoyi {
- width: 160rpx;
- display: block;
- margin: 200rpx auto 0;
- }
- .mark{
- background-color:rgba(0,0,0,0.08);
- z-index: 10;
- }
- .guoqi{
- color: red;
- z-index: 1000;
- }
|