msumshk/TakeoutSaaS.C-Side-Mini-Program-V1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 拆分小程序 vue 结构

Browse Source
This commit is contained in:
MSuMshk
2026-03-11 14:11:26 +08:00
commit b050c01a24
141 changed files with 24904 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/pages/trade/checkout/styles/cards.scss Normal file
View File

@@ -0,0 +1,241 @@
@import '../../../../styles/variables';
.checkout-page__dash-divider {
height: 3px;
overflow: hidden;
position: relative;
&::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 3px;
background: repeating-linear-gradient(
90deg,
$primary 0, $primary 8px,
$accent 8px, $accent 16px,
$red 16px, $red 24px,
#60A5FA 24px, #60A5FA 32px
);
opacity: 0.5;
}
}
.checkout-page__address,
.checkout-page__pickup-contact,
.checkout-page__dinein-table,
.checkout-page__dinein-contact {
display: flex;
align-items: center;
gap: 12px;
}
.checkout-page__pickup-contact-body {
flex: 1;
}
.checkout-page__address {
gap: 14px;
padding: 16px 18px;
}
.checkout-page__addr-icon {
width: 38px;
height: 38px;
border-radius: 50%;
background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 16px;
&--green {
background: linear-gradient(135deg, $primary-lighter 0%, $primary-light 100%);
}
&--sm {
width: 32px;
height: 32px;
font-size: 14px;
}
}
.checkout-page__addr-body {
flex: 1;
min-width: 0;
}
.checkout-page__addr-name {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: $text-1;
}
.checkout-page__addr-phone {
font-size: 13px;
color: $text-3;
font-weight: 500;
}
.checkout-page__addr-detail {
font-size: 13px;
color: $text-2;
margin-top: 4px;
line-height: 1.5;
}
.checkout-page__addr-arrow {
color: $text-5;
font-size: 18px;
flex-shrink: 0;
}
.checkout-page__pickup-hint {
background: $primary-lighter;
border-radius: $r-sm;
padding: 10px 14px;
display: flex;
align-items: center;
gap: 8px;
}
.checkout-page__pickup-hint-text {
font-size: 13px;
color: $primary-dark;
font-weight: 600;
}
.checkout-page__table-num {
display: flex;
align-items: center;
gap: 6px;
}
.checkout-page__table-label {
font-size: 14px;
color: $text-3;
}
.checkout-page__table-value {
font-size: 22px;
font-weight: 800;
color: $primary-dark;
background: $primary-lighter;
padding: 4px 14px;
border-radius: $r-sm;
}
.checkout-page__dinein-name {
font-size: 13px;
color: $text-2;
}
.checkout-page__dinein-phone {
font-size: 12px;
color: $text-4;
margin-left: 8px;
}
.checkout-page__goods-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px 0;
}
.checkout-page__goods-title-text {
font-size: 15px;
font-weight: 700;
color: $text-1;
}
.checkout-page__goods-count {
font-size: 12px;
color: $text-4;
}
.checkout-page__goods-list {
padding: 0 18px;
}
.checkout-page__good {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 0.5px solid $border;
&:last-child { border-bottom: none; }
}
.checkout-page__good-img {
width: 56px;
height: 56px;
border-radius: $r-sm;
flex-shrink: 0;
background: $border;
}
.checkout-page__good-info {
flex: 1;
min-width: 0;
}
.checkout-page__good-name {
font-size: 14px;
font-weight: 600;
color: $text-1;
line-height: 1.3;
}
.checkout-page__good-spec {
font-size: 12px;
color: $text-4;
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.checkout-page__good-right {
display: flex;
flex-direction: column;
align-items: flex-end;
flex-shrink: 0;
gap: 4px;
}
.checkout-page__good-price {
font-size: 14px;
font-weight: 700;
color: $text-1;
}
.checkout-page__good-unit {
font-size: 11px;
}
.checkout-page__good-qty {
font-size: 12px;
color: $text-4;
}
.checkout-page__remark {
padding: 14px 18px;
}
.checkout-page__remark-title {
font-size: 14px;
font-weight: 600;
color: $text-1;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 6px;
}