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.
478 lines
7.8 KiB
Plaintext
478 lines
7.8 KiB
Plaintext
.cy-view-container {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0rpx;
|
|
bottom: 121rpx;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.cy-product-image {
|
|
width: 100%;
|
|
height: 750rpx;
|
|
background: #f3f3f3;
|
|
}
|
|
|
|
.cy-store-meal {
|
|
width: 100%;
|
|
min-height: 75rpx;
|
|
background: white;
|
|
padding-top: 10rpx;
|
|
color: #333;
|
|
font-size: 30rpx;
|
|
padding: 20rpx 0rpx;
|
|
/* background:#e4e3e9; */
|
|
|
|
}
|
|
|
|
.cy-view-product {
|
|
margin-top: 20rpx;
|
|
width: 100%;
|
|
height: auto;
|
|
background: white;
|
|
padding-bottom: 30rpx;
|
|
}
|
|
|
|
.cy-view-sign {
|
|
margin-left: 30rpx;
|
|
width: 690rpx;
|
|
height: 113rpx;
|
|
}
|
|
|
|
.cy-sign-image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
/* background: #ffc639; */
|
|
background: var(--color--);
|
|
transform: rotate(45deg) scale(0.8);
|
|
}
|
|
|
|
.cy-view-sign-title {
|
|
margin-left: 20rpx;
|
|
color: #333;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.cy-select-meal {
|
|
font-size: 28rpx;
|
|
font-family: PingFang-SC-Medium;
|
|
font-weight: 500;
|
|
color: rgba(102, 102, 102, 1);
|
|
}
|
|
|
|
.cy-selected-product {
|
|
position: relative;
|
|
margin-left: 30rpx;
|
|
width: 690rpx;
|
|
height: auto;
|
|
background: red;
|
|
}
|
|
|
|
.cy-selected-view {
|
|
position: relative;
|
|
float: left;
|
|
margin-top: 18rpx;
|
|
margin-right: 15rpx;
|
|
width: 216rpx;
|
|
height: 280rpx;
|
|
background: rgba(255, 255, 255, 1);
|
|
box-shadow: 0px 1rpx 10px 0px rgba(0, 0, 0, 0.1);
|
|
border-radius: 10rpx;
|
|
background: white;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cy-selected-product-image {
|
|
margin: 24rpx 28rpx 0rpx 28rpx;
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.cy-meal-detail {
|
|
margin: 5rpx 18rpx;
|
|
width: 180rpx;
|
|
height: 40rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.cy-select-icon {
|
|
position: absolute;
|
|
top: -5rpx;
|
|
right: -5rpx;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
/* background: #ffc639; */
|
|
background: var(--color--);
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
.cy-select-icon image {
|
|
width: 30rpx;
|
|
height: 22rpx;
|
|
}
|
|
|
|
.cy-selected-product-count {
|
|
position: absolute;
|
|
right: 0rpx;
|
|
}
|
|
|
|
.cy-bottom-view {
|
|
width: 100%;
|
|
height: 180rpx;
|
|
background: white;
|
|
}
|
|
|
|
.cy-product-back {
|
|
margin-top: 20rpx;
|
|
width: 100%;
|
|
height: 260rpx;
|
|
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; */
|
|
background: var(--color--);
|
|
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: 80rpx;
|
|
}
|
|
|
|
.cy-evaluate-list {
|
|
width: 690rpx;
|
|
height: auto;
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.cy-evaluate-item {
|
|
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-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; */
|
|
background-color: var(--color--);
|
|
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: 45%;
|
|
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: 300rpx;
|
|
height: 100%;
|
|
right: 0rpx;
|
|
/* background: linear-gradient(124deg, rgba(250, 182, 36, 1), rgba(254, 200, 68, 1));-- */
|
|
background: var(--color--);
|
|
color: white;
|
|
letter-spacing: 2rpx;
|
|
font-size: 40rpx;
|
|
}
|
|
|
|
.cy-make-view {
|
|
position: relative;
|
|
margin-left: 30rpx;
|
|
width: 690rpx;
|
|
overflow: auto;
|
|
}
|
|
|
|
.cy-make-view-left {
|
|
float: left;
|
|
width: 500rpx;
|
|
height: 100%;
|
|
}
|
|
|
|
.cy-make-view-right {
|
|
margin-top: 5rpx;
|
|
float: right;
|
|
width: 190rpx;
|
|
height: 100%;
|
|
}
|
|
|
|
.cy-mask-spec {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 299;
|
|
}
|
|
|
|
.cy-spec-back {
|
|
position: absolute;
|
|
width: 620rpx;
|
|
height: auto;
|
|
background-color: white;
|
|
border-radius: 18rpx;
|
|
z-index: 99999;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cy-spec-header-view {
|
|
width: 100%;
|
|
height: 108rpx;
|
|
text-align: center;
|
|
background: white;
|
|
font-size: 32rpx;
|
|
font-family: PingFang-SC-Bold;
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cy-spec-header {
|
|
position: relative;
|
|
margin-top: 26rpx;
|
|
}
|
|
|
|
.cy-close {
|
|
position: absolute;
|
|
top: 8rpx;
|
|
width: 80rpx;
|
|
height: 100%;
|
|
right: 0rpx;
|
|
color: gray;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.cy-spec-list {
|
|
position: relative;
|
|
margin-left: 30rpx;
|
|
width: 560rpx;
|
|
max-height: 600rpx;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.cy-spec-item {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.cy-spec-content {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cy-spec-label {
|
|
margin: 15rpx 25rpx 8rpx 0rpx;
|
|
padding: 8rpx 40rpx;
|
|
width: auto;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
border-radius: 40rpx;
|
|
border: 1rpx solid gainsboro;
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.cy-spec-list-title {
|
|
width: 100%;
|
|
height: 40rpx;
|
|
font-size: 26rpx;
|
|
font-weight: 450;
|
|
color: #666;
|
|
}
|
|
|
|
.cy-spec-bottom-view {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 128rpx;
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
color: #333;
|
|
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.cy-spec-bottom-left-view {
|
|
margin-left: 30rpx;
|
|
width: 240rpx;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cy-spec-bottom-price {
|
|
height: 100%;
|
|
font-size: 38rpx;
|
|
font-family: PingFang-SC-Medium;
|
|
font-weight: 500;
|
|
color: rgba(255, 73, 73, 1);
|
|
}
|
|
|
|
.cy-spec-text {
|
|
font-size: 26rpx;
|
|
font-family: PingFang-SC-Medium;
|
|
font-weight: 500;
|
|
color: rgba(102, 102, 102, 1);
|
|
}
|
|
|
|
.cy-footer-add {
|
|
position: absolute;
|
|
top: 24rpx;
|
|
right: 24rpx;
|
|
width: 224rpx;
|
|
height: 80rpx;
|
|
/* background: #ffc639; */
|
|
background: var(--color--);
|
|
color: white;
|
|
font-size: 30rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.cy-bg {
|
|
/* background: #ffc639; */
|
|
background: var(--color--);
|
|
color: white;
|
|
/* border: 1rpx solid #ffc639; */
|
|
border: 1rpx solid var(--color--);
|
|
}
|