first commit
This commit is contained in:
编码猿
420
衣莎项目/源码/YiShaXiYi/pages/laundry/laundry.wxss
Normal file
420
衣莎项目/源码/YiShaXiYi/pages/laundry/laundry.wxss
Normal file
@@ -0,0 +1,420 @@
|
||||
/* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user