/* pages/laundry/laundry.wxss */ page { height: 100%; } .laundry { height: 100%; width: 100%; border-top: 2rpx solid #ebebeb; } .laundry_l { height: 100%; width: 25%; } .laundry_r { padding: 0 29rpx 0 11rpx; height: 100%; width: 75%; background-color: #fff; } .scroll_view_f{ flex: 1; position: relative; margin-top: 10rpx; } .big_row { width: 100%; height: 135rpx; text-align: center; line-height: 135rpx; position: relative; font-size: 28rpx; color: #333; } .big_active { background-color: #fff; font-size: 32rpx; font-weight: 600; color: #000; } .big_active::after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -18rpx; width: 8rpx; height: 36rpx; background-image: linear-gradient(#1dbf53, #1dbf53), linear-gradient(#13bf3e, #13bf3e); background-blend-mode: normal, normal; border-radius: 2rpx; } .big_row_p { position: relative; } .corner { position: absolute; right: -9rpx; top: -13rpx; width: 30rpx; height: 30rpx; background-color: #ff4838; font-size: 20rpx; color: #fff; border-radius: 50%; overflow: hidden; text-align: center; line-height: 30rpx; } .laundry_title { padding: 20rpx 21rpx 20rpx 29rpx; display: flex; background-color: #f5f5f5; border-radius: 10rpx; } .laundry_title view { display: block; } .laundry_title_l { flex: 1; font-size: 20rpx; color: #999; } .laundry_title_l image { width: 22rpx; height: 23rpx; vertical-align: middle; } .laundry_title_r image { width: 18rpx; height: 18rpx; } .laundry_name { font-size: 22rpx; color: #666; } .laundry_shop { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .laundry_shop_row { height: 140rpx; display: flex; padding-left: 17rpx; padding-right: 8rpx; } .laundry_shop_row_l { flex: 1; display: flex; } .laundry_shop_img image { height: 140rpx; width: 140rpx; } .laundry_shop_info { flex: 1; } .laundry_shop_name { font-size: 28rpx; color: #333; } .laundry_shop_pri span { font-size: 20rpx; color: #ff4838; } .laundry_shop_pri { font-size: 28rpx; color: #ff4838; } .laundry_shop_num { width: 60rpx; height: 100%; display: inline-block; position: relative; } .shop_num_cen { position: absolute; bottom: 0; left: 0; right: 0; display: flex; } .num_c { text-align: center; flex: 1; height: 45rpx; line-height: 45rpx; font-weight: 500; font-size: 28rpx; color: #333; } .num_img { display: inline-block; width: 45rpx; height: 45rpx; border-radius: 50%; } .num_img image { height: 100%; width: 100%; } .bot { height: 100rpx; width: 100%; } .shopCart { width: 100%; background-color: #fff; box-shadow: 0px -8rpx 20rpx 0rpx rgba(14, 5, 9, 0.06); position: fixed; bottom: 0; left: 0; display: flex; z-index: 99999; padding-bottom: calc(env(safe-area-inset-bottom) / 2); height: calc(100rpx + env(safe-area-inset-bottom) / 2); } .shopCart_cen { flex: 1; padding-left: 150rpx; position: relative; line-height: 100rpx; } .shopCart_cen span { font-size: 28rpx; color: #999; } .shopCart_sub { display: inline-block; width: 220rpx; height: 100rpx; background-color: #ccc; text-align: center; line-height: 100rpx; font-size: 32rpx; color: #fff; } .shopCart_cen .shopCart_img { position: absolute; left: 30rpx; bottom: 20rpx; width: 100rpx; height: 100rpx; display: flex; border-radius: 50%; /* overflow: hidden; */ } .shopCart_imgs { flex: 1; position: relative; } .shopCart_imgs image { height: 100%; width: 100%; } .shopCart_imgs span { position: absolute; right: -2rpx; top: -2rpx; width: 30rpx; height: 30rpx; font-size: 20rpx; color: #fff; text-align: center; line-height: 30rpx; background-color: #ff4838; border-radius: 50%; } .cart { height: 370rpx; width: 100%; margin-bottom: 100rpx; } .cart_cen { height: 290rpx; width: 100%; overflow-y: scroll; } .cart_title { height: 80rpx; line-height: 80rpx; background-color: #f5f5f4; display: flex; padding: 0 30rpx; } .cart_title_l { flex: 5; font-size: 32rpx; color: #999; text-align: left; } .cart_title_r { flex: 1; text-align: right; font-size: 26rpx; color: #999; } .cart_title_r image { width: 28rpx; height: 28rpx; /* vertical-align: middle; */ } .cart_shop_row { height: 45rpx; display: flex; line-height: 45rpx; padding: 0 30rpx; margin-top: 25rpx; } .cart_shop_info { flex: 1; display: flex; } .cart_shop_info_l { flex: 3; text-align: left; font-weight: 500; font-size: 32rpx; color: #333; } .cart_shop_info_r { flex: 2; text-align: right; padding-right: 20rpx; font-size: 32rpx; color: #ff4838; } .cart_shop_info_r span { font-size: 22rpx; color: #ff4838; } .cart_shop_num { display: inline-block; width: 160rpx; } .cart_shop_num1 { display: flex; } .cart_shop_c { flex: 1; text-align: center; } .cart_shop_img { display: inline-block; } .cart_shop_img image { height: 45rpx; width: 45rpx; } .cartAllPrice { font-family: PingFang-SC-Bold; font-size: 36rpx !important; color: #ff4838 !important; font-weight: 600; } .shopCart_sub_active { background: #1dbf53; color: #fff; } /* 工服列表样式 */ .work{ margin-top: 10rpx; padding: 0 10rpx; height: 100%; } .work_list{ padding-bottom: 100rpx; } .work_list_li{ width: 33.33%; padding: 10rpx; display: inline-block; } .work_list_li_row{ background-color: #ffffff; } .work_title{ text-align: center; font-size:24rpx; font-weight:400; color:rgba(52,52,52,1); } .work_img image{ width: 100%; height: 230rpx; } .work_cen{ padding: 0 10rpx; } .work_cen view{ font-size: 26rpx; font-weight: 500; color: rgba(255,51,51,1); } .work_add{ text-align: right; } .work_add image{ height: 50rpx; width: 50rpx; }