/**app.wxss**/ view{ box-sizing: border-box; } .slh_s{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .slh{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 商品 */ .goods_list .goods_item{ display: flex; align-items: center; margin-top: 30rpx; } .goods_list .goods_item .goods_tu{ width: 200rpx; height: 200rpx; border-radius: 5rpx; } .goods_list .goods_item .goods_info{ padding-left: 16rpx; font-size: 24rpx; color: rgba(8,8,8,.54); flex: 1; } .goods_list .goods_item .goods_title{ font-size: 30rpx; color: #080808; font-weight: bold; } .goods_list .goods_item .goods_labels{ display: flex; flex-wrap: wrap; } .goods_list .goods_item .goods_labels .label{ padding: 6rpx; background: #F6F6F6; margin: 10rpx 14rpx 0 0; } .goods_list .goods_item .goods_desc{ font-size: 24rpx; color: rgba(8,8,8,.54); margin: 20rpx 0; } .goods_list .goods_item .goods_specs{ display: flex; align-items: center; justify-content: space-between; } .goods_list .goods_item .goods_specs .price{ font-size: 34rpx; color: #080808; } .goods_list .goods_item .goods_specs .unit{ font-size: 22rpx; } .goods_list .goods_item .goods_specs .btn_specs{ width: 120rpx; height: 45rpx; background: #295C56; border-radius: 23rpx; font-size: 26rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } /* 订单商品 */ .order_goods{ padding: 0 0 20rpx; } .order_goods .goods_item{ display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0; } .order_goods .goods_item .goods_item_l{ width: 530rpx; display: flex; } .order_goods .goods_item .goods_tu{ width: 138rpx; height: 138rpx; border-radius: 5rpx; } .order_goods .goods_item .goods_info{ padding-left: 20rpx; font-size: 24rpx; color: rgba(8, 8, 8,.54); width: 320rpx; } .order_goods .goods_item .goods_title{ font-size: 30rpx; color: #080808; font-weight: bold; } .order_goods .goods_item .goods_labels{ display: flex; flex-wrap: wrap; } .order_goods .goods_item .goods_labels .label{ padding: 6rpx; background: #F6F6F6; margin: 10rpx 14rpx 0 0; } .order_goods .goods_item .goods_item_r{ text-align: right; } .order_goods .goods_item .goods_price{ font-size: 34rpx; color: #080808; } .order_goods .goods_item .goods_price .unit{ font-size: 22rpx; } .order_goods .goods_item .goods_num{ font-size: 26rpx; padding-top: 20rpx; color: rgba(51,51,51,.54); } /* tabs */ .cate_list{ width: 750rpx; height: 100rpx; position: fixed; top: 0; left: 0; z-index: 1; } .cate_list .van-tab{ font-size: 32rpx; font-weight: 500; } /* 券 */ .coupon_list{ padding: 30rpx 0; background: #F6F6F6; } .coupon_list .van-cell{ padding: 0 !important; background: unset !important; } .coupon_item{ width: 690rpx; margin: 30rpx auto 0 ; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; } .coupon_item:first-child{ margin-top: 0; } .coupon_item .item_l{ width: 196rpx; height: 168rpx; font-size: 28rpx; color: rgba(255,255,255,.78); display: flex; flex-direction: column; align-items: center; justify-content: center; } .coupon_item .item_l .price{ font-size: 60rpx; color: #FFFFFF; } .coupon_item .item_l .price .unit{ font-size: 30rpx; } .coupon_item .item_r{ flex: 1; height: 168rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; font-size: 26rpx; color: rgba(51,51,51,.54); } .coupon_item .item_r .item_r_l{ text-align: left; } .coupon_item .quan_name{ font-size: 34rpx; color: #333333; } .coupon_item .item_status{ width: 130rpx; height: 50rpx; background: #295C56; border-radius: 5rpx; font-size: 26rpx; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .coupon_item.unable .item_status{ background: transparent; color: rgba(0,0,0,.54); } .coupon_item.unable .item_l{ color: rgba(255,255,255,.78); } .coupon_item.unable .item_l .price{ color: #FFFFFF; } /* 全局loading */ .custom_loading{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* 充值卡 */ .card_item_w{ padding: 20rpx 0; border-bottom: 1rpx dashed rgba(0,0,0,.12); } .card_item_w:last-child{ border: 0 none; } .card_item{ border: 1px solid #295C56; border-radius: 5rpx; padding: 30rpx 0; /* display: flex; align-items: center; justify-content: center; */ color: #295C56; font-size: 24rpx; } .card_item .card_item_col{ display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 500; } .card_item .card_item_col.desc{ color: rgba(14,14,14,.54); padding-top: 4rpx; } .card_item .card_item_l,.card_item .card_item_r{ display: flex; align-items: baseline; justify-content: center; } .card_item .card_price{ padding: 0 20rpx 0 10rpx; font-size: 42rpx; } .card_item .card_price .unit{ font-size: 27rpx; } .card_item .card_send{ width: 44rpx; height: 44rpx; margin: 0 10rpx; background: #295C56; border-radius: 50%; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .card_item .card_yuan{ padding-left: 16rpx; font-size: 36rpx; font-weight: bold; } .card_item .card_times{ font-size: 27rpx; padding: 0 14rpx; } .card_item .coupons_nums{ font-size: 36rpx; font-weight: bold; } .card_item.active{ background: #295C56; color: #fff; } .card_item.active .card_send { background:#FFFFFF; color: #295C56; } .card_item.active .card_item_col.desc{ color: rgba(255,255,255,.8); } /* 授权按钮 */ .custom_dialog .van-button{ width: 100% !important; } /* 提示确认框 */ .single_btn .van-button{ width: 100%; } /* 步进器 */ .stepper .step_input { /* height: 24rpx; */ height: 42rpx; line-height: 24rpx; padding-top: 0; font-size: 26rpx; color: rgba(0, 0, 0, 1); background: none; } .stepper .plus,.stepper .minus{ border-radius: 50%; overflow: hidden; vertical-align: bottom; width: 42rpx; height: 42rpx; } .stepper .plus{ color: #FFFFFF; border: 1px solid #295C56; background: #295C56; } .stepper .minus{ border: 1px solid #295C56; color: rgba(0, 0, 0, 1); background: #fff; }