You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
360 lines
6.3 KiB
Plaintext
360 lines
6.3 KiB
Plaintext
9 months ago
|
/* page{
|
||
|
background: white;
|
||
|
} */
|
||
|
@import "/pages/list/shopList.wxss";
|
||
|
|
||
|
.cy-product-image {
|
||
|
width: 100%;
|
||
|
height: 750rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-image image {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.cy-product-message {
|
||
|
width: 100%;
|
||
|
height: 270rpx;
|
||
|
background: white;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
.cy-product-message-item {
|
||
|
width: 90%;
|
||
|
height: 42%;
|
||
|
margin: auto auto;
|
||
|
}
|
||
|
|
||
|
.cy-product-message-item {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
.cy-product-name {
|
||
|
font-size: 36rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: rgba(51, 51, 51, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-sell {
|
||
|
font-size: 28rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(153, 153, 153, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-currentPrice {
|
||
|
font-size: 48rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: rgba(255, 73, 73, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-originalPrice {
|
||
|
font-size: 24rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
text-decoration: line-through;
|
||
|
color: rgba(153, 153, 153, 1);
|
||
|
padding-left: 30rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-memberPrice {
|
||
|
font-size: 24rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(251, 78, 68, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-add-shop {
|
||
|
width: 230rpx;
|
||
|
height: 60rpx;
|
||
|
background: var(--color--);
|
||
|
border-radius: 30rpx;
|
||
|
position: absolute;
|
||
|
right: 40rpx;
|
||
|
top: 930rpx;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
.cy-add-shop {
|
||
|
display: block;
|
||
|
width: 26rpx;
|
||
|
height: 26rpx;
|
||
|
margin-top: 16.44rpx;
|
||
|
}
|
||
|
|
||
|
.cy-add-shop-text {
|
||
|
font-size: 30rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(254, 254, 254, 1);
|
||
|
line-height: 60rpx;
|
||
|
padding-left: 13rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-view {
|
||
|
width: 100%;
|
||
|
min-height: 160rpx;
|
||
|
background: white;
|
||
|
overflow: auto;
|
||
|
margin-top: 30rpx;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
.cy-product-view view {
|
||
|
width: 90%;
|
||
|
margin: auto auto;
|
||
|
}
|
||
|
|
||
|
.cy-product-detail-text {
|
||
|
height: 70rpx;
|
||
|
font-size: 32rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: rgba(51, 51, 51, 1);
|
||
|
line-height: 80rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-detail {
|
||
|
height: 120rpx;
|
||
|
font-size: 24rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(102, 102, 102, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-comment {
|
||
|
width: 100%;
|
||
|
background: white;
|
||
|
min-height: 200rpx;
|
||
|
overflow: auto;
|
||
|
padding-top: 30rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-title {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
width: 90%;
|
||
|
margin: auto auto;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-title-left {
|
||
|
font-size: 32rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
color: rgba(51, 51, 51, 1);
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-title-right {
|
||
|
font-size: 28rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(153, 153, 153, 1);
|
||
|
margin-right: -10rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-title-right image {
|
||
|
width: 12rpx;
|
||
|
height: 20rpx;
|
||
|
padding-left: 10rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-body-item {
|
||
|
width: 90%;
|
||
|
margin: auto auto;
|
||
|
/* height: 120rpx; */
|
||
|
margin-top: 15rpx;
|
||
|
margin-bottom: 25rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-item-d {
|
||
|
width: 90%;
|
||
|
margin: auto auto;
|
||
|
background: white;
|
||
|
height: 165rpx;
|
||
|
margin-top: 15rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-detail-buttom {
|
||
|
position: fixed;
|
||
|
width: 100%;
|
||
|
height: 120rpx;
|
||
|
bottom: 0rpx;
|
||
|
background-color: white;
|
||
|
z-index: 199;
|
||
|
box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.1);
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-image {
|
||
|
position: relative;
|
||
|
width: 110rpx;
|
||
|
height: 110rpx;
|
||
|
padding-left: 10rpx;
|
||
|
padding-top: 10rpx;
|
||
|
left: 34rpx;
|
||
|
top: -34rpx;
|
||
|
background-color: white;
|
||
|
border-radius: 60rpx;
|
||
|
box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.cy-cart-image {
|
||
|
position: relative;
|
||
|
width: 100rpx;
|
||
|
height: 100rpx;
|
||
|
/* background-color: #ffc639; */
|
||
|
border-radius: 100rpx;
|
||
|
}
|
||
|
|
||
|
.cy-cart-view-image {
|
||
|
margin: 20rpx;
|
||
|
width: 60rpx;
|
||
|
height: 60rpx;
|
||
|
}
|
||
|
|
||
|
.cy-cart-count {
|
||
|
position: absolute;
|
||
|
top: 0rpx;
|
||
|
right: -10rpx;
|
||
|
min-width: 46rpx;
|
||
|
max-width: 58rpx;
|
||
|
height: 46rpx;
|
||
|
line-height: 46rpx;
|
||
|
text-align: center;
|
||
|
border-radius: 46rpx;
|
||
|
font-size: 30rpx;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.cy-view-cart {
|
||
|
position: absolute;
|
||
|
width: 550rpx;
|
||
|
height: 100%;
|
||
|
right: 0rpx;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-right {
|
||
|
width: 220rpx;
|
||
|
height: 100%;
|
||
|
background: var(--color--);
|
||
|
font-size: 37rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(255, 255, 255, 1);
|
||
|
text-align: center;
|
||
|
line-height: 120rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-body-item {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-item-title {
|
||
|
width: 100%;
|
||
|
height: 98rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-item-title {
|
||
|
display: flex;
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-image {
|
||
|
height: 100%;
|
||
|
width: 16%;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-image image {
|
||
|
width: 95rpx;
|
||
|
height: 95rpx;
|
||
|
border-radius: 50%;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-name {
|
||
|
height: 100%;
|
||
|
width: 60%;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: start;
|
||
|
}
|
||
|
|
||
|
.cy-product-comment-time {
|
||
|
height: 100%;
|
||
|
width: 24%;
|
||
|
font-size: 24rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(102, 102, 102, 1);
|
||
|
text-align: right;
|
||
|
|
||
|
}
|
||
|
|
||
|
.comment-name {
|
||
|
font-size: 30rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(51, 51, 51, 1);
|
||
|
margin-top: 5rpx;
|
||
|
}
|
||
|
|
||
|
.comment-zan {
|
||
|
font-size: 26rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(153, 153, 153, 1);
|
||
|
margin-top: 5rpx;
|
||
|
}
|
||
|
|
||
|
.comment-message {
|
||
|
font-size: 28rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: 500;
|
||
|
color: rgba(51, 51, 51, 1);
|
||
|
/* padding-left: 50rpx; */
|
||
|
/* margin-top: 8rpx; */
|
||
|
width: 84%;
|
||
|
}
|
||
|
.cy-comment-flex{
|
||
|
display: flex;
|
||
|
justify-content: start;
|
||
|
}
|
||
|
|
||
|
|
||
|
.cy-comment-flex-left {
|
||
|
width: 16%;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-total {
|
||
|
position: relative;
|
||
|
width: 38%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-total text {
|
||
|
width: auto;
|
||
|
color: #ff4949;
|
||
|
}
|
||
|
|
||
|
.cy-product-sell-out{
|
||
|
background: rgba(102, 102, 102, 1);
|
||
|
}
|
||
|
.cy-product-originalPrice {
|
||
|
font-size: 25rpx;
|
||
|
font-family: PingFang SC;
|
||
|
font-weight: bold;
|
||
|
text-decoration: line-through;
|
||
|
color: rgba(153, 153, 153, 1);
|
||
|
padding-left: 15rpx;
|
||
|
}
|