|
- @import "../../app.wxss";
-
- .coupons {
- width: 100%;
- background: #f6f6f6;
- position: relative;
- overflow: hidden;
- }
-
- .coupons-body {
- flex: 1;
- /* overflow: auto; */
- }
-
- .banner {
- width: 100%;
- }
-
- .banner image {
- width: 100%;
- display: block;
- }
-
- .coupons_info {
- width: 92%;
- height: 120rpx;
- display: flex;
- justify-content: space-between;
- padding: 0 4% 4%;
- background: #fff;
- }
-
- .coupons_info view {
- display: flex;
- flex-direction: column;
- }
-
- .coupons_info view:nth-child(1) text {
- font-size: 30rpx;
- margin-top: 10%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(1) text {
- color: #ff3434;
- font-size: 24rpx;
- border: 1px solid #ff3434;
- border-radius: 6rpx;
- margin-left: 2%;
- padding: 0 5rpx;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2),
- .coupons_info view:nth-child(1) text:nth-child(3) {
- color: #b8b8b8;
- font-size: 24rpx;
- margin-top: 4%;
- }
-
- .coupons_info view:nth-child(1) text:nth-child(2) text,
- .coupons_info view:nth-child(1) text:nth-child(3) text {
- color: #ff3434;
- font-size: 24rpx;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(1) {
- font-size: 36rpx;
- color: #ff3434;
- margin-top: 40rpx;
- font-weight: bold;
- }
-
- .coupons_info view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b4b4b4;
- text-decoration: line-through;
- padding-left: 10rpx;
- padding-top: 4rpx;
- }
-
- .posi {
- width: 92%;
- display: flex;
- flex-direction: column;
- padding: 0 4%;
- background: #fff;
- margin-top: 2%;
- }
-
- .posi>view:nth-child(2) {
- width: 100%;
- height: 87rpx;
- display: flex;
- justify-content: space-between;
- border-top: 1px solid #f6f6f6;
- line-height: 87rpx;
- }
-
- .posi>view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi>view:nth-child(2) text:nth-child(2) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi_logo {
- width: 100%;
- height: 156rpx;
- display: flex;
- margin-top: 30rpx;
- }
-
- .posi_logo view:nth-child(1) {
- width: 126rpx;
- height: 126rpx;
- border-radius: 50%;
- overflow: hidden;
- flex: 2;
- }
-
- .posi_logo view:nth-child(1) image {
- width: 100%;
- height: 100%;
- }
-
- .posi_logo view:nth-child(2) {
- display: flex;
- flex-direction: column;
- flex: 8;
- padding-top: 20rpx;
- padding-left: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b8b8b8;
- padding-top: 10rpx;
- }
-
- .notes view:nth-child(1) {
- width: 92%;
- height: 87rpx;
- padding: 0 4%;
- line-height: 87rpx;
- background: #fff;
- /* border-top: 1rpx solid #f5f5f5; */
- }
-
- .notes view:nth-child(1) text {
- font-size: 30rpx;
- font-weight: bold;
- }
-
- .notes view:nth-child(2) {
- width: 92%;
- height: auto;
- padding: 0 4% 4%;
- background: #fff;
- border-bottom: 1rpx solid #f5f5f5;
- display: flex;
- flex-direction: column;
- }
-
- .notes view:nth-child(2)>text {
- font-size: 28rpx;
- color: #a9a9a9;
- line-height: 56rpx;
- }
-
- .spot {
- width: 12rpx;
- height: 12rpx;
- display: inline-block;
- background: #a9a9a9;
- margin-right: 16rpx;
- position: relative;
- bottom: 4rpx;
- border-radius: 50%;
- }
-
- .buy-view {
- background: #fff;
- position: fixed;
- padding-top: 10rpx;
- height: 98rpx;
- bottom: 0rpx;
- left: 0;
- right: 0;
- }
-
- .buy {
- display: block;
- background: #00c0ff;
- height: 50rpx;
- width: 120rpx;
- margin: 0 auto;
- color: #fff;
- font-size: 28rpx;
- line-height: 50rpx;
- text-align: center;
- border-radius: 6rpx;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .coupons1 {
- flex-direction: row;
- display: flex;
- padding: 30rpx;
- position: relative;
- height: 184rpx;
- border: 1px solid #eee;
- }
-
- .coupons1-border {
- height: 1rpx;
- /* width: 100%; */
- left: 30rpx;
- right: 30rpx;
- background: #f5f5f5;
- position: absolute;
- bottom: 0;
- }
-
- .coupons1-img {
- width: 248rpx;
- height: 184rpx;
- overflow: hidden;
- border-radius: 10rpx;
- }
-
- .coupons1-img image {
- width: 100%;
- height: 100%;
- }
-
- .coupons1-info {
- padding-left: 20rpx;
- }
-
- .coupons1-info-name {
- font-size: 28rpx;
- color: #000;
- letter-spacing: 0;
- line-height: 38rpx;
- }
-
- .coupons1-info-price {
- padding: 32rpx 0 0;
- }
-
- .i {
- font-size: 20rpx;
- font-style: normal;
- }
-
- .coupons1-info-price-p {
- display: inline-block;
- font-size: 36rpx;
- color: #f96563;
- line-height: 50rpx;
- }
-
- .tit {
- margin-top: 32rpx;
- }
-
- .coupons1-info-price-o {
- display: block;
- text-align: center;
- font-size: 26rpx;
- color: #b4b4b4;
- letter-spacing: 0.96rpx;
- text-decoration: line-through;
- line-height: 24rpx;
- }
-
- .coupons1-info-distance {
- font-size: 22rpx;
- color: #c0c0c0;
- letter-spacing: 0;
- padding-bottom: 10rpx;
- line-height: 30rpx;
- }
-
- .coupons1-info-address {
- font-size: 22rpx;
- color: #585858;
- letter-spacing: 0;
- line-height: 30rpx;
- }
-
- .coupons1-btn {
- position: absolute;
- width: 120rpx;
- top: 40rpx;
- right: 30rpx;
- }
-
- .coupons1-btn-gm {
- background: #00c0ff !important;
- border-radius: 10rpx !important;
- margin: 0 !important;
- padding: 0 !important;
- font-family: PingFangSC-Semibold;
- font-size: 28rpx;
- color: #fff !important;
- letter-spacing: 0;
- height: 50rpx !important;
- width: 138rpx !important;
- line-height: 50rpx !important;
- }
-
- .subtitle {
- font-size: 22rpx;
- color: #333;
- font-weight: 100;
- text-align: left;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- width: 300rpx;
- height: 40rpx;
- }
-
- .coupons1-info-manjian {
- color: #fa7c7a;
- font-size: 20rpx;
- line-height: 34rpx;
- display: inline-block;
- }
-
- /**上拉加载更多**/
-
- .userinfo {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .userinfo-avatar {
- width: 128rpx;
- height: 128rpx;
- margin: 20rpx;
- border-radius: 50%;
- }
-
- .userinfo-nickname {
- color: #aaa;
- }
-
- .sy {
- display: block;
- text-align: center;
- width: 120rpx!important;
- }
-
- .usermotto {
- margin-top: 200px;
- }
-
- /**/
-
- scroll-view {
- width: 100%;
- }
-
- .item {
- width: 90%;
- height: 300rpx;
- margin: 20rpx auto;
- background: brown;
- overflow: hidden;
- }
-
- .item .img {
- width: 430rpx;
- margin-right: 20rpx;
- float: left;
- }
-
- .title {
- font-size: 30rpx;
- display: block;
- margin: 30rpx auto;
- }
-
- .description {
- font-size: 26rpx;
- line-height: 15rpx;
- }
|