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.
211 lines
3.3 KiB
Plaintext
211 lines
3.3 KiB
Plaintext
9 months ago
|
.cy-view-container {
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
top: 0rpx;
|
||
|
bottom: 121rpx;
|
||
|
overflow: scroll;
|
||
|
}
|
||
|
|
||
|
.cy-product-image {
|
||
|
width: 100%;
|
||
|
height: 420rpx;
|
||
|
background: #f3f3f3;
|
||
|
}
|
||
|
|
||
|
.cy-product-back {
|
||
|
width: 100%;
|
||
|
height: 270rpx;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
.cy-product-name {
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
color: #333;
|
||
|
font-size: 36rpx;
|
||
|
margin-top: 30rpx;
|
||
|
margin-left: 30rpx;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.cy-product-sale-num {
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
margin-top: 5rpx;
|
||
|
margin-left: 30rpx;
|
||
|
color: #999;
|
||
|
font-size: 28rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-price {
|
||
|
position: relative;
|
||
|
margin-left: 30rpx;
|
||
|
margin-top: 8rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-spec {
|
||
|
position: absolute;
|
||
|
width: 150rpx;
|
||
|
height: 60rpx;
|
||
|
right: 30rpx;
|
||
|
font-size: 30rpx;
|
||
|
background: #fdc43d;
|
||
|
color: white;
|
||
|
border-radius: 60rpx;
|
||
|
top: 40rpx;
|
||
|
}
|
||
|
|
||
|
.cy-view-evaluate {
|
||
|
margin-top: 20rpx;
|
||
|
width: 100%;
|
||
|
min-height: 600rpx;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
.cy-product-info {
|
||
|
width: 690rpx;
|
||
|
margin-top: 40rpx;
|
||
|
margin-left: 30rpx;
|
||
|
}
|
||
|
|
||
|
.cy-product-evaluate {
|
||
|
margin-left: 30rpx;
|
||
|
margin-top: 40rpx;
|
||
|
width: 690rpx;
|
||
|
height: 50rpx;
|
||
|
}
|
||
|
|
||
|
.cy-evaluate-list {
|
||
|
width: 690rpx;
|
||
|
height: auto;
|
||
|
margin-left: 30rpx;
|
||
|
}
|
||
|
|
||
|
.cy-evaluate-item {
|
||
|
margin-top: 30rpx;
|
||
|
width: 100%;
|
||
|
height: 200rpx;
|
||
|
}
|
||
|
|
||
|
.cy-item-icon {
|
||
|
width: 100rpx;
|
||
|
height: 100rpx;
|
||
|
background: #f3f3f3;
|
||
|
border-radius: 100rpx;
|
||
|
}
|
||
|
|
||
|
.cy-item-content {
|
||
|
width: 580rpx;
|
||
|
height: auto;
|
||
|
margin-left: 10rpx;
|
||
|
}
|
||
|
|
||
|
.cy-item-name {
|
||
|
width: 100%;
|
||
|
height: 45rpx;
|
||
|
background: #f3f3f3;
|
||
|
}
|
||
|
|
||
|
.cy-item-fabulous {
|
||
|
margin-top: 10rpx;
|
||
|
width: 100%;
|
||
|
height: 45rpx;
|
||
|
background: #f3f3f3;
|
||
|
}
|
||
|
|
||
|
.cy-item-evaluate-context {
|
||
|
margin-top: 20rpx;
|
||
|
width: 100%;
|
||
|
height: 80rpx;
|
||
|
background: #f3f3f3;
|
||
|
}
|
||
|
|
||
|
.cy-bottom-view {
|
||
|
width: 100%;
|
||
|
height: 180rpx;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart {
|
||
|
position: fixed;
|
||
|
width: 100%;
|
||
|
height: 120rpx;
|
||
|
bottom: 0rpx;
|
||
|
background-color: white;
|
||
|
box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.1);
|
||
|
}
|
||
|
|
||
|
.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;
|
||
|
background-color: red;
|
||
|
border-radius: 46rpx;
|
||
|
font-size: 30rpx;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.cy-view-cart {
|
||
|
position: absolute;
|
||
|
width: 550rpx;
|
||
|
height: 100%;
|
||
|
right: 0rpx;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-total {
|
||
|
position: relative;
|
||
|
width: 38%;
|
||
|
height: 50rpx;
|
||
|
}
|
||
|
|
||
|
.cy-content-cart-total text {
|
||
|
width: auto;
|
||
|
color: #ff4949;
|
||
|
}
|
||
|
|
||
|
.cy-sum-money {
|
||
|
font-size: 50rpx;
|
||
|
margin-left: 3rpx;
|
||
|
}
|
||
|
|
||
|
.cy-content-place-order {
|
||
|
position: absolute;
|
||
|
width: 220rpx;
|
||
|
height: 100%;
|
||
|
right: 0rpx;
|
||
|
background-color: #fecf5b;
|
||
|
color: white;
|
||
|
letter-spacing: 2rpx;
|
||
|
font-size: 40rpx;
|
||
|
}
|