!58 Open the vip pop-up window and add token
* Open the vip pop-up window and add token
This commit is contained in:
蒲硕
Edward Yang
parent
aacda723b2
commit
37cb7d30a8
|
|
@ -162,7 +162,7 @@
|
||||||
type: 2,
|
type: 2,
|
||||||
title: '',
|
title: '',
|
||||||
area: ['840px', '80%'],
|
area: ['840px', '80%'],
|
||||||
content: `${config.api_url}/api/vip_rights?domain=${config.app_url}`,
|
content: `${config.api_url}/api/vip_rights?domain=${config.app_url}&developer_token={{ system_setting('base.developer_token') }}`,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
* @link https://beikeshop.com
|
* @link https://beikeshop.com
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
* @Author pu shuo <pushuo@guangda.work>
|
||||||
* @Date 2022-08-16 18:47:18
|
* @Date 2022-08-16 18:47:18
|
||||||
* @LastEditTime 2022-11-04 16:00:27
|
* @LastEditTime 2023-03-16 17:30:20
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
|
|
@ -80,9 +80,10 @@ $(function () {
|
||||||
if ($(el).children('.dropdown-menu').length) {
|
if ($(el).children('.dropdown-menu').length) {
|
||||||
const offsetLeft = $(el).children('.dropdown-menu').offset().left;
|
const offsetLeft = $(el).children('.dropdown-menu').offset().left;
|
||||||
const width = $(el).children('.dropdown-menu').width();
|
const width = $(el).children('.dropdown-menu').width();
|
||||||
|
const offsetRight = offsetLeft + width;
|
||||||
const windowWidth = $(window).width();
|
const windowWidth = $(window).width();
|
||||||
|
|
||||||
if (offsetLeft < 0) {
|
if (offsetLeft < 0 || offsetRight > windowWidth) {
|
||||||
$(el).addClass('position-static')
|
$(el).addClass('position-static')
|
||||||
.children('.dropdown-menu')
|
.children('.dropdown-menu')
|
||||||
.css({'left': (windowWidth - width) / 2, 'transform': 'translate(0, 0.5rem)'});
|
.css({'left': (windowWidth - width) / 2, 'transform': 'translate(0, 0.5rem)'});
|
||||||
|
|
|
||||||
|
|
@ -1,63 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-01 16:23:34
|
|
||||||
* @LastEditTime 2022-09-16 20:57:19
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-account {
|
|
||||||
background-color: #F7F8FA;
|
|
||||||
|
|
||||||
.account-card {
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
.card-items {
|
|
||||||
> a {
|
|
||||||
width: 25%;
|
|
||||||
color: #444444;
|
|
||||||
text-decoration: none !important;
|
|
||||||
i {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-body {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
min-height: 509px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-wrap {
|
|
||||||
background-color: #f6f8f9;
|
|
||||||
|
|
||||||
@media (min-width:768px) {
|
|
||||||
padding: 2rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
i {
|
|
||||||
font-size: 4.5rem;
|
|
||||||
color: #777;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-sides-info {
|
|
||||||
@media (max-width:768px) {
|
|
||||||
margin-bottom: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:45:17
|
|
||||||
*/
|
|
||||||
|
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
$primary: #ee403d;
|
|
||||||
$sub_color: #78e723;
|
|
||||||
$price: $primary;
|
|
||||||
|
|
||||||
@import './iconfont';
|
|
||||||
@import './global';
|
|
||||||
|
|
||||||
@import './header';
|
|
||||||
@import './footer';
|
|
||||||
@import './product-style';
|
|
||||||
@import './news';
|
|
||||||
@import './login';
|
|
||||||
@import './account/account';
|
|
||||||
@import './page-product';
|
|
||||||
@import './cart';
|
|
||||||
@import './page-checkout';
|
|
||||||
@import './page-categories';
|
|
||||||
@import './element-ui';
|
|
||||||
@import './order-success';
|
|
||||||
@import './page-account-order';
|
|
||||||
@import './page-account-address';
|
|
||||||
@import './page-brands';
|
|
||||||
@import './home';
|
|
||||||
@import './module/module-image-plus';
|
|
||||||
@import './module/module-brand';
|
|
||||||
@import './module/module-tab-product';
|
|
||||||
@import './module/module-icon';
|
|
||||||
@import './module/slideshow';
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,176 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-17 19:26:53
|
|
||||||
* @LastEditTime 2022-09-16 20:57:12
|
|
||||||
*/
|
|
||||||
|
|
||||||
$primary: #ee403d;
|
|
||||||
$success: #71c20b;
|
|
||||||
$sub_color: #78e723;
|
|
||||||
|
|
||||||
$container-max-widths: (
|
|
||||||
sm: 540px,
|
|
||||||
md: 720px,
|
|
||||||
lg: 960px,
|
|
||||||
xl: 1140px,
|
|
||||||
xxl: 1280px
|
|
||||||
);
|
|
||||||
|
|
||||||
// $body-bg: #111;
|
|
||||||
// $body-color: #fff;
|
|
||||||
|
|
||||||
$font-size-base: 0.8rem;
|
|
||||||
$font-family-base: "Poppins","Helvetica","Arial","sans-serif";
|
|
||||||
// $border-radius: 0;
|
|
||||||
$form-check-input-width: 1.2em;
|
|
||||||
// $form-check-input-border-radius: 0;
|
|
||||||
|
|
||||||
// 开启负边距
|
|
||||||
$enable-negative-margins: true;
|
|
||||||
|
|
||||||
$nav-link-color: #1f1f1f;
|
|
||||||
$hr-color: #bcbcbc;
|
|
||||||
|
|
||||||
// Breadcrumbs
|
|
||||||
// scss-docs-start breadcrumb-variables
|
|
||||||
// $breadcrumb-font-size: null !default;
|
|
||||||
$breadcrumb-padding-y: 1.4rem;
|
|
||||||
$breadcrumb-padding-x: 0;
|
|
||||||
// $breadcrumb-item-padding-x: .5rem !default;
|
|
||||||
$breadcrumb-margin-bottom: 0;
|
|
||||||
$breadcrumb-bg: transparent;
|
|
||||||
// $breadcrumb-divider-color: $gray-600 !default;
|
|
||||||
// $breadcrumb-active-color: $gray-600 !default;
|
|
||||||
// $breadcrumb-divider: quote("/") !default;
|
|
||||||
// $breadcrumb-divider-flipped: $breadcrumb-divider !default;
|
|
||||||
// $breadcrumb-border-radius: null !default;
|
|
||||||
|
|
||||||
// $border-radius: 0;
|
|
||||||
$input-btn-padding-y: .46rem;
|
|
||||||
$input-btn-font-size: 0.85rem;
|
|
||||||
$input-focus-border-color: #222;
|
|
||||||
$input-btn-focus-box-shadow: 0 0 11px 0 rgba($color: $sub_color, $alpha: .1);
|
|
||||||
$form-select-focus-box-shadow: 0 0 11px 0 rgba($color: $sub_color, $alpha: .1);
|
|
||||||
|
|
||||||
// $input-btn-padding-x: .75rem !default;
|
|
||||||
$btn-focus-width: 0;
|
|
||||||
// $border-radius: 0;
|
|
||||||
$btn-border-radius: 0.25rem;
|
|
||||||
// $btn-border-radius-sm: 0;
|
|
||||||
$btn-border-radius-lg: 0.25rem;
|
|
||||||
// $btn-padding-y: $input-btn-padding-y !default;
|
|
||||||
// $btn-focus-box-shadow: 0 0 11px 0 rgba($color: $primary, $alpha: .1);
|
|
||||||
|
|
||||||
$link-decoration: none;
|
|
||||||
$link-hover-decoration: underline;
|
|
||||||
// $link-color: #3480e7;
|
|
||||||
$link-hover-color: $primary;
|
|
||||||
$form-select-focus-box-shadow: 0 0 11px 0 rgba($color: $sub_color, $alpha: .1);
|
|
||||||
|
|
||||||
$form-floating-input-padding-t: 1.325rem;
|
|
||||||
$form-floating-input-padding-b: .625rem;
|
|
||||||
$form-floating-padding-y: .8rem;
|
|
||||||
$form-floating-height: 50px;
|
|
||||||
|
|
||||||
$dropdown-border-color: rgba(0, 0, 0, 0.1);
|
|
||||||
$dropdown-item-padding-y: .4rem;
|
|
||||||
|
|
||||||
|
|
||||||
$card-border-width: 0;
|
|
||||||
|
|
||||||
$alert-padding-y: 0.5rem;
|
|
||||||
|
|
||||||
$form-feedback-icon-valid: none;
|
|
||||||
$form-feedback-icon-valid-color: inherit;
|
|
||||||
|
|
||||||
// $dropdown-divider-bg: rgba(0, 0, 0, 0.1);
|
|
||||||
@import './bootstrap-icons';
|
|
||||||
@import 'node_modules/bootstrap/scss/bootstrap';
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-fluid {
|
|
||||||
padding-right: 50px;
|
|
||||||
padding-left: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown {
|
|
||||||
.dropdown-divider {
|
|
||||||
margin-left: 1rem;
|
|
||||||
margin-right: 1rem;
|
|
||||||
opacity: .1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table > :not(:first-child) {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
// box-shadow: rgba(0, 0, 0, .1) 0px 1px 4px 0px;
|
|
||||||
// border: none;
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
padding: 1rem 1rem .3rem;
|
|
||||||
background-color: #fff;
|
|
||||||
// font-weight: bold;
|
|
||||||
// font-size: .8rem;
|
|
||||||
border-bottom: 0 solid rgba(0,0,0,.125);
|
|
||||||
|
|
||||||
// &:first-child {
|
|
||||||
// border-radius: 0;
|
|
||||||
// }
|
|
||||||
|
|
||||||
.card-title {
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-left: 10px;
|
|
||||||
border-left: 3px solid $primary;
|
|
||||||
line-height: 1;
|
|
||||||
// font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
.breadcrumb-item {
|
|
||||||
&:last-of-type {
|
|
||||||
a {
|
|
||||||
color: #666;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.was-validated {
|
|
||||||
.form-control,
|
|
||||||
.form-select {
|
|
||||||
&:valid {
|
|
||||||
border-color: $input-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-check-input {
|
|
||||||
&:valid {
|
|
||||||
border-color: rgba(#000, .25);
|
|
||||||
|
|
||||||
&:checked {
|
|
||||||
background-color: $primary;
|
|
||||||
border-color: $primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
&~.form-check-label {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,100 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-15 17:35:29
|
|
||||||
* @LastEditTime 2022-09-16 20:47:16
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-checkout, body.page-cart {
|
|
||||||
background-color: #f6f8fa;
|
|
||||||
|
|
||||||
.left-column {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
width: 70%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-column {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
margin-top: 1.4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.page-cart {
|
|
||||||
.cart-products-wrap {
|
|
||||||
.table {
|
|
||||||
tbody {
|
|
||||||
border-top: none;
|
|
||||||
td {
|
|
||||||
vertical-align: middle;
|
|
||||||
border-color: #f0f2f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
// tr {
|
|
||||||
// &.active {
|
|
||||||
// background-color: #fff6f1;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
thead {
|
|
||||||
background-color: #F8F9FA;
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: none;
|
|
||||||
padding: 0.7rem 0.5rem;
|
|
||||||
box-shadow: none;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-image {
|
|
||||||
input {
|
|
||||||
flex: 0 0 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.total-wrap {
|
|
||||||
&.total-wrap-fixed {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
padding-top: 1rem;
|
|
||||||
border-bottom: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
li {
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 0.7rem 0;
|
|
||||||
border-color: #EEEEEE;
|
|
||||||
|
|
||||||
&:not(.d-grid) {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between; // flex-end | center | space-between
|
|
||||||
}
|
|
||||||
|
|
||||||
.total-price {
|
|
||||||
color: #222222;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
@charset "UTF-8;"
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:47:45
|
|
||||||
*/
|
|
||||||
|
|
||||||
.el-input__inner {
|
|
||||||
// border-radius: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
@ -1,103 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-03 22:32:29
|
|
||||||
* @LastEditTime 2022-09-16 20:48:00
|
|
||||||
*/
|
|
||||||
|
|
||||||
footer {
|
|
||||||
// background: #F8F9FA;
|
|
||||||
background: #161616;
|
|
||||||
margin-top: 5rem;
|
|
||||||
color: #cdcdcd;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-content-left {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
padding-right: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-active {
|
|
||||||
outline: 2px dashed #4bb1f0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.services-wrap {
|
|
||||||
padding: 2.2rem 0;
|
|
||||||
border-bottom: 1px solid #222;
|
|
||||||
|
|
||||||
.service-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
width: 34px;
|
|
||||||
margin-right: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
margin-bottom: 2px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sub-title {
|
|
||||||
font-size: .6rem;
|
|
||||||
color: #8D94A0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-content {
|
|
||||||
padding: 3rem 0;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #cdcdcd;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
max-width: 240px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
color: #cdcdcd;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-bottom {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border-top: 1px solid #232323;
|
|
||||||
|
|
||||||
@media (min-width:768px) {
|
|
||||||
min-height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-img {
|
|
||||||
max-height: 42px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,326 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-09 19:16:39
|
|
||||||
* @LastEditTime 2022-09-16 20:55:07
|
|
||||||
*/
|
|
||||||
|
|
||||||
[v-cloak] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body[class^="page-account-"] {
|
|
||||||
background-color: #F7F8FA;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {font-family: 'Poppins';
|
|
||||||
src: url('/fonts/poppins/Poppins-Regular.ttf') format("truetype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-weight: normal;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {font-family: 'Poppins';
|
|
||||||
src: url('/fonts/poppins/Poppins-Medium.ttf') format("truetype");
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {font-family: 'Poppins';
|
|
||||||
src: url('/fonts/poppins/Poppins-SemiBold.ttf') format("truetype");
|
|
||||||
font-style: normal;
|
|
||||||
font-display: swap;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,h2,h3, h4, h5, h6, b, strong {
|
|
||||||
font-weight: 700;
|
|
||||||
color: #282828;
|
|
||||||
}
|
|
||||||
|
|
||||||
@for $i from 1 through 6 {
|
|
||||||
.min-h#{$i} {
|
|
||||||
min-height: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 100 200 300 ... 1000 的宽度
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.wp-#{$i}00 {
|
|
||||||
width: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// clac(100% - #{$i}00px)
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.wp-#{$i}00- {
|
|
||||||
width: calc(100% - #{$i}00px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 100 200 300 ... 1000 的最小高度
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.h-min-#{$i}00 {
|
|
||||||
min-height: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 100 200 300 ... 1000 的最小宽度
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.w-min-#{$i}00 {
|
|
||||||
min-width: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 100 200 300 ... 1000 的最大宽度
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.w-max-#{$i}00 {
|
|
||||||
max-width: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 100 200 300 ... 1000 的高度
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.hp-#{$i}00 {
|
|
||||||
height: #{$i}00px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 生成 10 20 30 ... 90 的高宽
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.wh-#{$i}0 {
|
|
||||||
height: #{$i}0px;
|
|
||||||
width: #{$i}0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-form-label.required {
|
|
||||||
&::before {
|
|
||||||
content: "*";
|
|
||||||
color: #f56c6c;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-pop-box {
|
|
||||||
overflow: inherit;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
width: 90% !important;
|
|
||||||
height: 80% !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.module-title {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
position: relative;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
color: #333;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
|
|
||||||
@media (max-width: 992px) {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
transform:translateX(-50%);
|
|
||||||
left: 50%;
|
|
||||||
content: '';
|
|
||||||
width: 60px;
|
|
||||||
height: 2px;
|
|
||||||
background: $sub_color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tinymce-format-p {
|
|
||||||
p {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.steps-wrap {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 14px;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
border-bottom: 3px solid #D7D7D7;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
&.active {
|
|
||||||
.number {
|
|
||||||
background-color: $sub_color;
|
|
||||||
border-color: $sub_color;
|
|
||||||
color: #111;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.number-wrap {
|
|
||||||
padding: 0 4px;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.number {
|
|
||||||
border: 2px solid #ddd;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
color: #848484;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-wrap {
|
|
||||||
width: 80px;
|
|
||||||
height: 37px;
|
|
||||||
display: flex;
|
|
||||||
align-content: space-between;
|
|
||||||
border: 1px solid #ced4da;
|
|
||||||
input {
|
|
||||||
border: none;
|
|
||||||
padding: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .right {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
// align-items: center;
|
|
||||||
border-left: 1px solid #ced4da;
|
|
||||||
|
|
||||||
i {
|
|
||||||
flex: 1;
|
|
||||||
width: 20px;
|
|
||||||
height: 17px;
|
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: #fff;
|
|
||||||
&:last-of-type {
|
|
||||||
border-top: 1px solid #ced4da;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.fixed-top-line-fixed {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-sides-info {
|
|
||||||
.head {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2rem 1rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0.375rem 0.375rem 0 0;
|
|
||||||
|
|
||||||
.portrait {
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 50%;
|
|
||||||
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
|
|
||||||
border: 2px solid #FFFFFF;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-name {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-bottom: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-email {
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-links {
|
|
||||||
> a {
|
|
||||||
color: #4B566B;
|
|
||||||
border: none;
|
|
||||||
padding: 0.8rem 1rem;
|
|
||||||
border-bottom: 1px solid #EEEEEE;
|
|
||||||
transition: all .2s ease-in-out;
|
|
||||||
text-decoration: none !important;
|
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #E9ECEF;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background-color: #E9ECEF;
|
|
||||||
color: #4B566B;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-size-min {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-truncate-2 {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding-top: .8rem;
|
|
||||||
padding-bottom: .8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,457 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-03 22:32:29
|
|
||||||
* @LastEditTime 2022-09-16 20:55:12
|
|
||||||
*/
|
|
||||||
|
|
||||||
header {
|
|
||||||
background: #fff;
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
// border-bottom: 1px solid #dee0ea;
|
|
||||||
// box-shadow: 0px 1px 10px rgba(0, 0, 0, .04);
|
|
||||||
}
|
|
||||||
// body:not(.page-home) & {
|
|
||||||
// box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .04);
|
|
||||||
// }
|
|
||||||
|
|
||||||
body.page-home & {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
box-shadow: 0 2px 3px rgba(33,37,41,.07);
|
|
||||||
// border-bottom: 1px solid #dee0ea;
|
|
||||||
margin-bottom: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-box {
|
|
||||||
border-top: 1px solid #e5e5e5;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-wrap {
|
|
||||||
// padding: 10px;
|
|
||||||
height: 38px;
|
|
||||||
// max-height: 50px;
|
|
||||||
background: #F7F8FA;
|
|
||||||
// background: #161616;
|
|
||||||
display: flex;
|
|
||||||
// border-bottom: 1px solid #dee0ea;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-wrap, .header-content {
|
|
||||||
.dropdown {
|
|
||||||
&:hover {
|
|
||||||
background-color: #fff;
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
margin: 0;
|
|
||||||
display: block;
|
|
||||||
box-shadow: 0 0 15px rgb(0, 0, 0, .1);
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
&.dropdown-menu-end {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-wrap {
|
|
||||||
flex: 1;
|
|
||||||
margin: 0 20px;
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
background-color: #f1f1f3;
|
|
||||||
border-top-left-radius: 0.25rem;
|
|
||||||
border-bottom-left-radius: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
border-color: #f1f1f3 !important;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
background-color: transparent !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background-color: $sub_color;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-box {
|
|
||||||
// border-top: 1px solid #e5e5e5;
|
|
||||||
background-color: #f4f4f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-wrap {
|
|
||||||
.container {
|
|
||||||
max-width: 1140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.navbar-nav {
|
|
||||||
.dropdown {
|
|
||||||
|
|
||||||
&.position-static >.dropdown-menu {
|
|
||||||
// top: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.dropdown-menu {
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
transform: translate(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
>.dropdown-menu {
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, 0.5rem);
|
|
||||||
transition: all .2s ease-in-out;
|
|
||||||
transition-property: visibility,transform,opacity;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
display: block;
|
|
||||||
transform-origin: top center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .navbar-nav {
|
|
||||||
> .nav-item {
|
|
||||||
background-color: transparent;
|
|
||||||
margin: 0 10px;
|
|
||||||
|
|
||||||
> .nav-link {
|
|
||||||
font-size: 14px;
|
|
||||||
padding: .9rem;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 80%;
|
|
||||||
padding: 2px 4px;
|
|
||||||
font-weight: 400;
|
|
||||||
left: calc(50% - 0px);
|
|
||||||
margin-left: 0px;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 10px;
|
|
||||||
border: 4px solid;
|
|
||||||
border-color: inherit;
|
|
||||||
border-right-color: #0000!important;
|
|
||||||
border-bottom-color: #0000!important;
|
|
||||||
border-right-width: 7px;
|
|
||||||
border-left-width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.group-name {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ul-children {
|
|
||||||
a {
|
|
||||||
color: #7a7a7a;
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-content {
|
|
||||||
position: relative;
|
|
||||||
padding: 20px 0;
|
|
||||||
background-color: #fff;
|
|
||||||
|
|
||||||
> .container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
width: 25%;
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 200px;
|
|
||||||
max-height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-btn {
|
|
||||||
width: 25%;
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
color: #333;
|
|
||||||
padding-right: 0.7rem;
|
|
||||||
padding-left: 0.7rem;
|
|
||||||
position: relative;
|
|
||||||
i {
|
|
||||||
font-size: 1.4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.cart-badge-quantity {
|
|
||||||
position: absolute;
|
|
||||||
left: 25px;
|
|
||||||
top: -3px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 12px;
|
|
||||||
display: none;
|
|
||||||
width: 23px;
|
|
||||||
zoom: 0.9;
|
|
||||||
height: 23px;
|
|
||||||
line-height: 24px;
|
|
||||||
background-color: $sub_color;
|
|
||||||
color: #222;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-mobile {
|
|
||||||
.mobile-content {
|
|
||||||
padding: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
width: 33.33%;
|
|
||||||
|
|
||||||
&.center a {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 30px;
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.left {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
cursor: pointer;
|
|
||||||
> i {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-open-search {
|
|
||||||
margin-left: 10px;
|
|
||||||
|
|
||||||
> i {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
padding: 0;
|
|
||||||
i {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
// margin-left: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#offcanvas-search-top {
|
|
||||||
height: 100px;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
.offcanvas-header {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
&:focus {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-close {
|
|
||||||
padding: 1rem;
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#offcanvas-right-cart {
|
|
||||||
.select-wrap {
|
|
||||||
margin-right: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
i {
|
|
||||||
font-size: 20px;
|
|
||||||
color: #aaa;
|
|
||||||
&.bi-check-circle-fill {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.offcanvas-right-products {
|
|
||||||
.product-list {
|
|
||||||
padding: 1rem 0;
|
|
||||||
border-top: 1px solid #eee;
|
|
||||||
|
|
||||||
.left {
|
|
||||||
width: 80px;
|
|
||||||
flex: 0 0 80px;
|
|
||||||
height: 80px;
|
|
||||||
border: 1px solid #eee;
|
|
||||||
margin-right: 10px;
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-height: 90px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
.price {
|
|
||||||
input {
|
|
||||||
margin-left: 10px;
|
|
||||||
width: 50px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.offcanvas-products-delete {
|
|
||||||
cursor: pointer;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.offcanvas-footer {
|
|
||||||
.to-checkout {
|
|
||||||
&:hover {
|
|
||||||
background-color: $sub_color;
|
|
||||||
border-color: $sub_color;
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#offcanvas-mobile-menu {
|
|
||||||
width: 80%;
|
|
||||||
|
|
||||||
.offcanvas-header {
|
|
||||||
padding: 10px 20px 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-menu-wrap {
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
#menu-accordion {
|
|
||||||
border-top: 1px solid #e5e5e5;
|
|
||||||
|
|
||||||
.accordion-item {
|
|
||||||
border-bottom: 1px solid #e5e5e5;
|
|
||||||
|
|
||||||
.nav-item-text {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
> a {
|
|
||||||
flex: 1;
|
|
||||||
height: 44px;
|
|
||||||
padding-left: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
position: relative;
|
|
||||||
margin-left: 13px;
|
|
||||||
// padding: 2px 4px;
|
|
||||||
font-weight: 400;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 100%;
|
|
||||||
transform: translate(0, -50%);
|
|
||||||
border: 4px solid;
|
|
||||||
border-right-width: 7px;
|
|
||||||
border: 5px solid #0000;
|
|
||||||
border-right-color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> span {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
display: flex;
|
|
||||||
border-left: 1px solid #e5e5e5;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
&:active {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[aria-expanded="true"] {
|
|
||||||
background-color: #eee;
|
|
||||||
i {
|
|
||||||
transform:rotate(180deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.accordion-collapse {
|
|
||||||
padding: 10px;
|
|
||||||
border-top: 1px solid #e5e5e5;
|
|
||||||
|
|
||||||
.children-group {
|
|
||||||
.group-name {
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
a {
|
|
||||||
color: #777;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,105 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:55:22
|
|
||||||
*/
|
|
||||||
|
|
||||||
.module-item {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&.module-item-design {
|
|
||||||
&:hover {
|
|
||||||
.module-edit {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
left: 2px;
|
|
||||||
right: 2px;
|
|
||||||
top: 2px;
|
|
||||||
bottom: 2px;
|
|
||||||
z-index: 9;
|
|
||||||
outline: 2px solid $primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
.module-edit {
|
|
||||||
// position: relative;
|
|
||||||
position: absolute;
|
|
||||||
top: -28px;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 9;
|
|
||||||
// display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
.edit-wrap {
|
|
||||||
background-color: $primary;
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
height: 28px;
|
|
||||||
line-height: 30px;
|
|
||||||
padding: 0 10px;
|
|
||||||
font-size: 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:first-of-type {
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
border: solid #0000;
|
|
||||||
border-right: solid $primary;
|
|
||||||
border-width: 28px 10px 0 0;
|
|
||||||
right: 100%;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:after {
|
|
||||||
border-right-color: darken($primary, 6%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
border: solid #0000;
|
|
||||||
border-left: solid $primary;
|
|
||||||
border-width: 28px 0 0 10px;
|
|
||||||
left: 100%;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:after {
|
|
||||||
border-left-color: darken($primary, 6%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: darken($primary, 6%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:55:31
|
|
||||||
*/
|
|
||||||
|
|
||||||
@font-face {font-family: 'iconfont';
|
|
||||||
src: url('/fonts/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
|
|
||||||
url('/fonts/iconfont/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
font-family: "iconfont";
|
|
||||||
font-size: 1rem;
|
|
||||||
font-style:normal;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-webkit-text-stroke-width: 0.2px;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
@ -1,125 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-09 19:16:39
|
|
||||||
* @LastEditTime 2022-09-16 20:55:37
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-login, body.page-forgotten {
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-form-item__error--inline {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.forgotten-link {
|
|
||||||
display: block;
|
|
||||||
margin-top: -14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-dark {
|
|
||||||
&:hover {
|
|
||||||
background-color: $sub_color;
|
|
||||||
border-color: $sub_color;
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-form-item {
|
|
||||||
margin-bottom: 18px;
|
|
||||||
|
|
||||||
.el-form-item__content {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-item-header {
|
|
||||||
background: #f8f9fa;
|
|
||||||
border-bottom: none;
|
|
||||||
padding: 1.2rem 1.5rem;
|
|
||||||
h6 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.vr-wrap {
|
|
||||||
margin: 0 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-wrap {
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
border: none;
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-iframe {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 0;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vr-wrap {
|
|
||||||
margin: 0 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.social-wrap {
|
|
||||||
.title {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
color: #999;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
|
||||||
height: 1px;
|
|
||||||
top: 47%;
|
|
||||||
background: #e5e5e5;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
background-color: #fff;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 5px;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
// border-color: #ccc !important;
|
|
||||||
color: #666;
|
|
||||||
|
|
||||||
img {
|
|
||||||
// transform: translateY(-50%);
|
|
||||||
position: absolute;
|
|
||||||
left: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-04 17:52:22
|
|
||||||
* @LastEditTime 2022-09-16 20:57:25
|
|
||||||
*/
|
|
||||||
|
|
||||||
.module-brand {
|
|
||||||
.brand-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
|
|
||||||
margin-bottom: 10px;
|
|
||||||
height: 120px;
|
|
||||||
border-radius: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
transition: all 0.3s ease-in-out;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
|
|
||||||
border: 1px solid $sub_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
> img {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-04 17:52:22
|
|
||||||
* @LastEditTime 2022-09-16 20:57:25
|
|
||||||
*/
|
|
||||||
|
|
||||||
.module-icon-wrap {
|
|
||||||
.image-item {
|
|
||||||
flex: 0 0 40px;
|
|
||||||
height: 40px;
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
flex: 0 0 30px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-container {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
border-bottom: 1px solid #e5e5e5;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:57:29
|
|
||||||
*/
|
|
||||||
|
|
||||||
.module-image-plus {
|
|
||||||
.container-fluid {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
overflow: hidden;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
img {
|
|
||||||
transition: .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
img {
|
|
||||||
transform: rotate(6deg) scale(1.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.module-image-plus-top {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.right {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.module-image-plus-bottom {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.module-image-banner {
|
|
||||||
.container-fluid {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:57:33
|
|
||||||
*/
|
|
||||||
|
|
||||||
.module-tab-product {
|
|
||||||
.module-title {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
.nav-link {
|
|
||||||
color: #6c757d;
|
|
||||||
font-size: .9rem;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: #111;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,86 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:57:36
|
|
||||||
*/
|
|
||||||
|
|
||||||
.swiper.module-slideshow {
|
|
||||||
--swiper-theme-color: #78e723;/* 设置Swiper风格 */
|
|
||||||
--swiper-navigation-color: #222;/* 单独设置按钮颜色 */
|
|
||||||
--swiper-navigation-size: 30px;/* 设置按钮大小 */
|
|
||||||
|
|
||||||
.swiper-button-prev,.swiper-button-next {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.swiper-button-prev,.swiper-button-next {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.rounded-4 {
|
|
||||||
@media (max-width: 992px) {
|
|
||||||
border-radius: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.slideshow-container {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
padding: 0 5.3rem;
|
|
||||||
}
|
|
||||||
@media (min-width: 1460px) {
|
|
||||||
padding: 0 6.3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.swiper-style-plus {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.swiper-button-prev,.swiper-button-next {
|
|
||||||
width: 34px;
|
|
||||||
height: 37px;
|
|
||||||
color: #999;
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-button-prev {
|
|
||||||
left: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-button-next {
|
|
||||||
right: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-pagination {
|
|
||||||
bottom: -10px !important;
|
|
||||||
|
|
||||||
.swiper-pagination-bullet-active {
|
|
||||||
background: $sub_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.rectangle {
|
|
||||||
span {
|
|
||||||
border-radius: 0;
|
|
||||||
height: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:47:45
|
|
||||||
*/
|
|
||||||
|
|
||||||
.page-categories-home, .page-pages {
|
|
||||||
background-color: #f6f6f6;
|
|
||||||
}
|
|
||||||
|
|
@ -1,77 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-01 16:23:34
|
|
||||||
* @LastEditTime 2022-09-16 20:55:44
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-order-success, body.page-payment {
|
|
||||||
.order-wrap {
|
|
||||||
.card-body {
|
|
||||||
&.main-body {
|
|
||||||
padding: 3rem;
|
|
||||||
padding-left: 7rem;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-top {
|
|
||||||
padding-bottom: 2.7rem;
|
|
||||||
margin-bottom: 2.7rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
|
|
||||||
.left {
|
|
||||||
margin-top: -6px;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
|
||||||
color: #4caf50;
|
|
||||||
font-size: 80px;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
flex: 1;
|
|
||||||
margin-left: 2rem;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.table {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-title {
|
|
||||||
margin-bottom: 1.2rem;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-info {
|
|
||||||
padding: .7rem;
|
|
||||||
background-color: #fffaf0;
|
|
||||||
border: 1px solid #ffe1ad;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.order-bottom {
|
|
||||||
margin-left: calc(2rem + 80px);
|
|
||||||
line-height: 2;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,107 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-01 16:23:34
|
|
||||||
* @LastEditTime 2022-09-16 20:55:54
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-account-address, body.page-checkout {
|
|
||||||
.addresses-wrap {
|
|
||||||
.item {
|
|
||||||
position: relative;
|
|
||||||
padding: 14px 14px 14px 18px;
|
|
||||||
margin-bottom: 1.3rem;
|
|
||||||
border: 1px solid #e8e8e8;
|
|
||||||
height: 130px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 10px 10px 10px 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
border-left: none;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
left: 0;
|
|
||||||
width: 4px;
|
|
||||||
height: calc(100% + 2px);
|
|
||||||
background-color: #4991F4;
|
|
||||||
background: repeating-linear-gradient(-45deg, #d60404 0, #d60404 10px, #fff 10px, #fff 20px, #4991F4 20px, #4991F4 30px, #fff 30px, #fff 40px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.name-wrap {
|
|
||||||
margin-bottom: .6rem;
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
.name {
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone {
|
|
||||||
font-size: .8rem;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.zipcode {
|
|
||||||
margin-bottom: .3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-info {
|
|
||||||
// margin-bottom: .9rem;
|
|
||||||
height: 32px;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-bottom {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between; // flex-end | center | space-between
|
|
||||||
// flex-wrap: wrap;
|
|
||||||
a {
|
|
||||||
color: #2d68a8;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobileWidth {
|
|
||||||
width: 600px;
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dialog-address {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
>div {
|
|
||||||
@media (max-width:768px) {
|
|
||||||
width: 100%;
|
|
||||||
// margin-bottom: 10px;
|
|
||||||
// &:nth-last-child(){
|
|
||||||
// margin-bottom: 0;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width:768px) {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,113 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-01 16:23:34
|
|
||||||
* @LastEditTime 2022-09-16 20:55:58
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-account-order-list {
|
|
||||||
background-color: #F7F8FA;
|
|
||||||
|
|
||||||
.order-wrap {
|
|
||||||
.table {
|
|
||||||
.sep-row {
|
|
||||||
height: 20px;
|
|
||||||
|
|
||||||
td {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.head-tr {
|
|
||||||
background: #f5f5f5;
|
|
||||||
td {
|
|
||||||
border-bottom-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
thead {
|
|
||||||
background: #f5f5f5;
|
|
||||||
th {
|
|
||||||
font-weight: 500;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody {
|
|
||||||
td {
|
|
||||||
border: 1px solid #e5e5e5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-info {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.img {
|
|
||||||
flex: 0 0 60px;
|
|
||||||
margin-right: 10px;
|
|
||||||
|
|
||||||
@media (max-width:768px) {
|
|
||||||
// display: none;
|
|
||||||
flex: 0 0 50px;
|
|
||||||
width: 50px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
@media (max-width:768px) {
|
|
||||||
a {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.page-account-order-info {
|
|
||||||
background-color: #F7F8FA;
|
|
||||||
|
|
||||||
.order-head {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-list {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
// justify-content: space-between; // flex-end | center | space-between
|
|
||||||
|
|
||||||
.left {
|
|
||||||
flex: 0 0 80px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
color: #767676;
|
|
||||||
font-size: .9375rem;
|
|
||||||
|
|
||||||
.name {
|
|
||||||
// font-weight: bold;
|
|
||||||
margin-bottom: .4rem;
|
|
||||||
color: #1a1a1a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nowrap {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,67 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-15 15:43:12
|
|
||||||
* @LastEditTime 2022-09-16 20:56:17
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-brands {
|
|
||||||
.brand-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
|
|
||||||
margin-bottom: 10px;
|
|
||||||
height: 133px;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
>img {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-list {
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #242424;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.curser-list {
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
|
|
||||||
& + .list-group-item {
|
|
||||||
border-left: 1px solid #e4e4e4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
>li>a {
|
|
||||||
color: #242424;
|
|
||||||
transition: all .3s;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: #aaa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,230 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-02 19:19:52
|
|
||||||
* @LastEditTime 2022-09-16 20:56:05
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-categories {
|
|
||||||
.col-lg-9.right-column {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
width: 78%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-lg-3.left-column {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
width: 22%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card:not(:last-of-type) {
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
margin-bottom: 1.4rem;
|
|
||||||
padding-bottom: 1.4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.children-wrap {
|
|
||||||
@media (max-width: 992px) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #333;
|
|
||||||
margin-right: 4px;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-wrap {
|
|
||||||
label {
|
|
||||||
cursor: pointer;
|
|
||||||
&.active {
|
|
||||||
svg {
|
|
||||||
fill: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
fill: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.filter-value-wrap {
|
|
||||||
.list-group {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
.list-group-item {
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
background: #f3f3f3;
|
|
||||||
border: none;
|
|
||||||
color: #666;
|
|
||||||
padding: 4px 12px;
|
|
||||||
&.delete-all {
|
|
||||||
background: $primary;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $primary;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-tool {
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
.order-select {
|
|
||||||
min-width: 170px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-content {
|
|
||||||
border-radius: 0;
|
|
||||||
position: relative;
|
|
||||||
border: none;
|
|
||||||
margin-right: 4px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
background: none;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
.ui-widget-header {
|
|
||||||
background: $primary;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
border-radius: 0;
|
|
||||||
height: 3px;
|
|
||||||
margin-top: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-bg {
|
|
||||||
background: #e3e3e3;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: 100%;
|
|
||||||
height: 3px;
|
|
||||||
margin-top: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-slider-handle {
|
|
||||||
width: 4px;
|
|
||||||
margin-left: 0;
|
|
||||||
cursor: ew-resize;
|
|
||||||
border: none !important;
|
|
||||||
border-radius: 0;
|
|
||||||
background: $primary;
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-widget {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0 0 1.4rem;
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
padding-top: 0.3rem;
|
|
||||||
padding-bottom: 0.3rem;
|
|
||||||
// border-bottom: 1px solid #e9ecef;
|
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-href {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
color: #333;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
width: calc(100% - 36px);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
> a {
|
|
||||||
font-weight: bold;
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
padding-left: 12px;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
li {
|
|
||||||
line-height: 1;
|
|
||||||
margin: 16px 0;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin-top: 8px;
|
|
||||||
padding-left: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
> a {
|
|
||||||
color: $primary;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #868e96;
|
|
||||||
&:first-of-type {
|
|
||||||
width: calc(100% - 26px);
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggle-icon {
|
|
||||||
float: right;
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 0 6px;
|
|
||||||
i {
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.collapsed {
|
|
||||||
transform: rotate(-180deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.filter-box {
|
|
||||||
.attribute-item {
|
|
||||||
.form-check-label {
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
|
||||||
.form-check-input {
|
|
||||||
border-color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,220 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-01 16:23:34
|
|
||||||
* @LastEditTime 2022-09-16 20:56:12
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-checkout {
|
|
||||||
background-color: #f6f8fa;
|
|
||||||
|
|
||||||
.radio-line-wrap {
|
|
||||||
.radio-line-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 20px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: #e5e5e5;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
border-color: #e5e5e5;
|
|
||||||
|
|
||||||
.radio {
|
|
||||||
border-color: $sub_color;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background-color: $sub_color;
|
|
||||||
left: 2px;
|
|
||||||
top: 2px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio {
|
|
||||||
position: relative;
|
|
||||||
width: 18px;
|
|
||||||
flex: 0 0 18px;
|
|
||||||
height: 18px;
|
|
||||||
border: 1px solid #d4d4d4;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left {
|
|
||||||
margin-right: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex: 0 0 88px;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 60px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
.title {
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.addresses-wrap {
|
|
||||||
.item {
|
|
||||||
&.address-right {
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
padding: 0 2.6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
cursor: auto;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.page-checkout, body.page-bk-stripe {
|
|
||||||
.checkout-black {
|
|
||||||
margin-bottom: 2.6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkout-title {
|
|
||||||
border-bottom: 1px solid #f1f1f1;
|
|
||||||
padding-bottom: 16px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between; // flex-end | center | space-between
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
margin-bottom: -10px;
|
|
||||||
&.icon {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.total-wrap {
|
|
||||||
.card-body {
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
background-color: #fff;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
padding: 0 0 .8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
line-height: 24px;
|
|
||||||
min-width: 24px;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.products-wrap {
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
margin-bottom: 1.3rem;
|
|
||||||
padding-bottom: .3rem;
|
|
||||||
max-height: 380px;
|
|
||||||
overflow-y: auto;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between; // flex-end | center | space-between
|
|
||||||
margin-bottom: .8rem;
|
|
||||||
|
|
||||||
.image {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
padding-right: 4px;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 40px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity {
|
|
||||||
margin-left: 3px;
|
|
||||||
color: #7a7a7a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.price {
|
|
||||||
color: #7a7a7a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.totals {
|
|
||||||
padding-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
padding-bottom: .3rem;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: space-between; // flex-end | center | space-between
|
|
||||||
margin-bottom: 14px;
|
|
||||||
&:last-of-type {
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
> span {
|
|
||||||
&:last-of-type {
|
|
||||||
color: #dc3545;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> span {
|
|
||||||
&:first-of-type {
|
|
||||||
font-size: .8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-15 15:43:12
|
|
||||||
* @LastEditTime 2022-09-16 20:56:17
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-list {
|
|
||||||
.brand-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // flex-start | center
|
|
||||||
justify-content: center; // flex-end | center | space-between
|
|
||||||
box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
|
|
||||||
margin-bottom: 10px;
|
|
||||||
height: 133px;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
>img {
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
a{
|
|
||||||
color: #242424;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.curser {
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
>li>a {
|
|
||||||
display: block;
|
|
||||||
color: #242424;
|
|
||||||
transition: all .5s;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,282 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-24 17:24:33
|
|
||||||
* @LastEditTime 2022-09-16 20:56:21
|
|
||||||
*/
|
|
||||||
|
|
||||||
body.page-product {
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.breadcrumb {
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#product-description {
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
#swiper {
|
|
||||||
height: 250px;
|
|
||||||
@media (min-width: 480px) {
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
height: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.swiper-pager > div {
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
background-color: rgba(255, 255, 255, 0.548);
|
|
||||||
opacity: 1;
|
|
||||||
&:hover {
|
|
||||||
background-color: rgba(255, 255, 255);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#swiper-mobile {
|
|
||||||
.swiper-pagination {
|
|
||||||
--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
|
|
||||||
--swiper-navigation-color: #ff6600;/* 单独设置按钮颜色 */
|
|
||||||
--swiper-navigation-size: 30px;/* 设置按钮大小 */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.left {
|
|
||||||
margin-right: 1rem;
|
|
||||||
|
|
||||||
.swiper > div > div{
|
|
||||||
border: 1px solid #eee;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 80px;
|
|
||||||
// height: 80px !important;
|
|
||||||
padding: 2px;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&.active, &:hover {
|
|
||||||
border: 1px solid #3a3a3a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-pager {
|
|
||||||
> div {
|
|
||||||
opacity: 0;
|
|
||||||
background-color: rgba(255, 255, 255, 0);
|
|
||||||
transition: all .5s;
|
|
||||||
}
|
|
||||||
.swiper-button-next {
|
|
||||||
border: 0;
|
|
||||||
top: 485px;
|
|
||||||
left: 50%;
|
|
||||||
|
|
||||||
height: 55px;
|
|
||||||
width: 30px;
|
|
||||||
transform-origin: center;
|
|
||||||
transform: rotate(90deg) translate(0,25%);
|
|
||||||
|
|
||||||
&:hover,&.active {
|
|
||||||
border: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-button-prev{
|
|
||||||
border: 0;
|
|
||||||
top: 8px;
|
|
||||||
left: 50%;
|
|
||||||
height: 55px;
|
|
||||||
width: 30px;
|
|
||||||
transform-origin: center;
|
|
||||||
transform: rotate(90deg) translate(0,25%);
|
|
||||||
|
|
||||||
&:hover,&.active {
|
|
||||||
border: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
border: 1px solid #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.stock-and-sku {
|
|
||||||
> div {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.variables-wrap {
|
|
||||||
.variable-info {
|
|
||||||
> div {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
margin-left: 0;
|
|
||||||
min-width: 3rem;
|
|
||||||
padding: 0.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
flex-direction: column;
|
|
||||||
border-radius: 4px;
|
|
||||||
transition: all .1s ease-in-out;
|
|
||||||
&:hover, &.selected {
|
|
||||||
border-color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
> span.image {
|
|
||||||
width: 50px;
|
|
||||||
margin-top: -0.5rem;
|
|
||||||
margin-left: -0.5rem;
|
|
||||||
margin-right: -0.5rem;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(.selected) {
|
|
||||||
&.disabled {
|
|
||||||
border: 1px dashed #bfbfbf;
|
|
||||||
color: #999;
|
|
||||||
font-weight: initial;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.peoduct-info {
|
|
||||||
.product-name {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
line-height: 1.3;
|
|
||||||
font-weight: 600;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rating-wrap {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
|
|
||||||
.rating {
|
|
||||||
margin-right: .5rem;
|
|
||||||
i {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.price-wrap {
|
|
||||||
margin-bottom: 2.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-btns {
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-cart {
|
|
||||||
background-color: #12283f;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $sub_color;
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-buy-now {
|
|
||||||
border: 1px solid #e2e2e2;
|
|
||||||
&:hover {
|
|
||||||
border: 1px solid #12283f;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-input {
|
|
||||||
max-width: 5rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-wrap {
|
|
||||||
height: 43px;
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-description {
|
|
||||||
.nav-tabs {
|
|
||||||
.nav-link {
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
position: relative;
|
|
||||||
background-color: transparent;
|
|
||||||
color: $primary;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
border-top: 1px solid $primary;
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.attribute-table {
|
|
||||||
tr {
|
|
||||||
td:first-of-type {
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
width: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.relations-wrap {
|
|
||||||
.swiper-pagination {
|
|
||||||
.swiper-pagination-bullet {
|
|
||||||
height: 3px;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,148 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-03 22:32:29
|
|
||||||
* @LastEditTime 2022-09-16 20:56:27
|
|
||||||
*/
|
|
||||||
|
|
||||||
.product-list-wrap {
|
|
||||||
.col-12:not(:last-of-type) {
|
|
||||||
.product-wrap {
|
|
||||||
border-bottom: 1px solid #E6E6E6;
|
|
||||||
margin-bottom: 1.4rem;
|
|
||||||
padding-bottom: 1.4rem;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
box-shadow: none;
|
|
||||||
.image {
|
|
||||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-wrap {
|
|
||||||
bottom: 10px;
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
button {
|
|
||||||
&:hover {
|
|
||||||
background-color: $sub_color;
|
|
||||||
border-color: $sub_color;
|
|
||||||
color: #111 !important;
|
|
||||||
i {
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-wrap {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-align: center;
|
|
||||||
padding-bottom: .7rem;
|
|
||||||
transition: all 0.3s ease-in-out;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #E9ECEF;
|
|
||||||
border-radius: 0.375rem;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
&.list {
|
|
||||||
display: flex;
|
|
||||||
padding-bottom: 0;
|
|
||||||
|
|
||||||
.image {
|
|
||||||
width: 200px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
transition: all 0.3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-name {
|
|
||||||
height: auto;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bottom-info {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-left: 20px;
|
|
||||||
flex: 1;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
.product-name {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.image {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.image-old {
|
|
||||||
opacity: 1;
|
|
||||||
transition: all ease-out .4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-wrap {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 40;
|
|
||||||
bottom: -30px;
|
|
||||||
opacity: 0;
|
|
||||||
transition: all .3s ease-out;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
button {
|
|
||||||
&:hover {
|
|
||||||
background-color: $sub_color;
|
|
||||||
border-color: $sub_color;
|
|
||||||
i {
|
|
||||||
color: #111;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
&:hover {
|
|
||||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
|
||||||
|
|
||||||
.button-wrap {
|
|
||||||
bottom: 10px;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-name {
|
|
||||||
height: 39px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
color: #3d3d3d;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-price {
|
|
||||||
.price-new {
|
|
||||||
color: $price;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.price-old {
|
|
||||||
color: #aaa;
|
|
||||||
margin-left: 4px;
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
/*
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-29 17:32:51
|
|
||||||
* @LastEditTime 2023-02-02 11:06:01
|
|
||||||
*/
|
|
||||||
|
|
||||||
import http from "../../../../js/http";
|
|
||||||
import common from "./common";
|
|
||||||
window.bk = common;
|
|
||||||
window.$http = http;
|
|
||||||
|
|
||||||
const token = document.querySelector('meta[name="csrf-token"]').content;
|
|
||||||
const base = document.querySelector('base').href;
|
|
||||||
|
|
||||||
import './product';
|
|
||||||
import './header'
|
|
||||||
import './bootstrap-validation'
|
|
||||||
|
|
||||||
$(document).ready(function ($) {
|
|
||||||
$(document).on('click', '.offcanvas-products-delete', function () {
|
|
||||||
const id = $(this).data('id');
|
|
||||||
|
|
||||||
$http.delete(`carts/${id}`).then((res) => {
|
|
||||||
$(this).parents('.product-list').remove();
|
|
||||||
if (!res.data.quantity) {
|
|
||||||
$('.cart-badge-quantity').hide();
|
|
||||||
} else {
|
|
||||||
$('.cart-badge-quantity').show().html(res.data.quantity > 99 ? '99+' : res.data.quantity);
|
|
||||||
}
|
|
||||||
|
|
||||||
$('.offcanvas-right-cart-count').text(res.data.quantity);
|
|
||||||
$('.offcanvas-right-cart-amount').text(res.data.amount_format);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
if ($(window).width() > 992 && $('.x-fixed-top').length) {
|
|
||||||
$('.x-fixed-top').scrollToFixed({
|
|
||||||
zIndex: 999,
|
|
||||||
limit: function () {
|
|
||||||
var limit = $('footer').offset().top - 84 - $('.x-fixed-top').outerHeight(true);
|
|
||||||
return limit
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
|
||||||
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
|
|
||||||
});
|
|
||||||
|
|
||||||
bk.getCarts(); // 页面初始加载购物车数据
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
/*
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-17 17:39:14
|
|
||||||
* @LastEditTime 2022-09-16 20:56:42
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Example starter JavaScript for disabling form submissions if there are invalid fields
|
|
||||||
$(function () {
|
|
||||||
var forms = document.querySelectorAll(".needs-validation");
|
|
||||||
|
|
||||||
// Loop over them and prevent submission
|
|
||||||
Array.prototype.slice.call(forms).forEach(function (form) {
|
|
||||||
form.addEventListener(
|
|
||||||
"submit",
|
|
||||||
function (event) {
|
|
||||||
if (!form.checkValidity()) {
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
}
|
|
||||||
|
|
||||||
form.classList.add("was-validated");
|
|
||||||
},
|
|
||||||
false
|
|
||||||
);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,128 +0,0 @@
|
||||||
/*
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-09-09 19:16:39
|
|
||||||
* @LastEditTime 2023-03-12 21:16:10
|
|
||||||
*/
|
|
||||||
|
|
||||||
export default {
|
|
||||||
/**
|
|
||||||
* @description: 获取购物车数据
|
|
||||||
* @return {*}
|
|
||||||
*/
|
|
||||||
getCarts() {
|
|
||||||
$(document).ready(() => {
|
|
||||||
$http.get('carts/mini', null, {hload: true}).then((res) => {
|
|
||||||
$('#offcanvas-right-cart').html(res.data.html);
|
|
||||||
$('.cart-badge-quantity').show().html(res.data.quantity_all > 99 ? '99+' : res.data.quantity_all);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description: 加入购物车
|
|
||||||
* @param {*} sku_id 商品id
|
|
||||||
* @param {*} quantity 商品数量
|
|
||||||
* @param {*} isBuyNow 是否立即购买
|
|
||||||
* @return {*} 返回Promise
|
|
||||||
*/
|
|
||||||
addCart({sku_id, quantity = 1, isBuyNow = false}, event) {
|
|
||||||
if (!config.isLogin && !config.guestCheckout) {
|
|
||||||
this.openLogin()
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const $btn = $(event);
|
|
||||||
const btnHtml = $btn.html();
|
|
||||||
const loadHtml = '<span class="spinner-border spinner-border-sm"></span>';
|
|
||||||
$btn.html(loadHtml).prop('disabled', true);
|
|
||||||
$(document).find('.tooltip').remove();
|
|
||||||
|
|
||||||
$http.post('/carts', {sku_id, quantity, buy_now: isBuyNow}, {hload: !!event}).then((res) => {
|
|
||||||
this.getCarts();
|
|
||||||
layer.msg(res.message)
|
|
||||||
if (isBuyNow) {
|
|
||||||
location.href = 'checkout'
|
|
||||||
}
|
|
||||||
}).finally(() => {$btn.html(btnHtml).prop('disabled', false)})
|
|
||||||
},
|
|
||||||
|
|
||||||
addWishlist(id, event) {
|
|
||||||
if (!config.isLogin) {
|
|
||||||
this.openLogin()
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const $btn = $(event);
|
|
||||||
const btnHtml = $btn.html();
|
|
||||||
const isWishlist = $btn.attr('data-in-wishlist') * 1;
|
|
||||||
const loadHtml = '<span class="spinner-border spinner-border-sm"></span>';
|
|
||||||
$(document).find('.tooltip').remove();
|
|
||||||
|
|
||||||
if (isWishlist) {
|
|
||||||
$btn.html(loadHtml).prop('disabled', true);
|
|
||||||
$http.delete(`account/wishlist/${isWishlist}`, null, {hload: true}).then((res) => {
|
|
||||||
layer.msg(res.message)
|
|
||||||
$btn.attr('data-in-wishlist', '0');
|
|
||||||
}).finally((e) => {
|
|
||||||
$btn.html(btnHtml).prop('disabled', false).find('i.bi').prop('class', 'bi bi-heart')
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
$btn.html(loadHtml).prop('disabled', true);
|
|
||||||
$http.post('account/wishlist', {product_id: id}, {hload: true}).then((res) => {
|
|
||||||
layer.msg(res.message)
|
|
||||||
$btn.attr('data-in-wishlist', res.data.id);
|
|
||||||
$btn.html(btnHtml).prop('disabled', false).find('i.bi').prop('class', 'bi bi-heart-fill')
|
|
||||||
}).catch((e) => {
|
|
||||||
$btn.html(btnHtml).prop('disabled', false)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
openLogin() {
|
|
||||||
layer.open({
|
|
||||||
type: 2,
|
|
||||||
title: '',
|
|
||||||
shadeClose: true,
|
|
||||||
scrollbar: false,
|
|
||||||
area: ['900px', '600px'],
|
|
||||||
skin: 'login-pop-box',
|
|
||||||
content: 'login?iframe=true' //iframe的url
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
getQueryString(name, defaultValue) {
|
|
||||||
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
|
|
||||||
const r = window.location.search.substr(1).match(reg);
|
|
||||||
if (r != null) {
|
|
||||||
return decodeURIComponent(r[2]);
|
|
||||||
}
|
|
||||||
|
|
||||||
return typeof(defaultValue) != 'undefined' ? defaultValue : '';
|
|
||||||
},
|
|
||||||
|
|
||||||
removeURLParameters(url, ...parameters) {
|
|
||||||
const parsed = new URL(url);
|
|
||||||
parameters.forEach(e => parsed.searchParams.delete(e))
|
|
||||||
return parsed.toString()
|
|
||||||
},
|
|
||||||
|
|
||||||
updateQueryStringParameter(uri, key, value) {
|
|
||||||
var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
|
|
||||||
var separator = uri.indexOf('?') !== -1 ? "&" : "?";
|
|
||||||
if (uri.match(re)) {
|
|
||||||
return uri.replace(re, '$1' + key + "=" + value + '$2');
|
|
||||||
} else {
|
|
||||||
return uri + separator + key + "=" + value;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
openWin(url, name = '', iWidth = 700, iHeight = 500) {
|
|
||||||
var iTop = (window.screen.height - 30 - iHeight) / 2;
|
|
||||||
var iLeft = (window.screen.width - 10 - iWidth) / 2;
|
|
||||||
window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight
|
|
||||||
+ ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft
|
|
||||||
+ ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
@ -1,99 +0,0 @@
|
||||||
/*
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-16 18:47:18
|
|
||||||
* @LastEditTime 2023-03-13 18:18:09
|
|
||||||
*/
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
// 搜索弹出层交互
|
|
||||||
// $("#offcanvas-search-top input").focus();
|
|
||||||
$(".search-wrap input").keydown(function (e) {
|
|
||||||
if (e.keyCode == 13) {
|
|
||||||
if ($(this).val() != "") {
|
|
||||||
location.href = "products/search?keyword=" + $(this).val();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".search-wrap .btn").click(function () {
|
|
||||||
if ($(".search-wrap input").val() != "") {
|
|
||||||
location.href = "products/search?keyword=" + $(".search-wrap input").val();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// const myOffcanvas = document.getElementById("offcanvas-search-top");
|
|
||||||
// if (myOffcanvas) {
|
|
||||||
// myOffcanvas.addEventListener("shown.bs.offcanvas", function () {
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
|
|
||||||
// 响应式下弹窗菜单交互
|
|
||||||
$(document).on("click", ".mobile-open-menu", function () {
|
|
||||||
const offcanvasMobileMenu = new bootstrap.Offcanvas('#offcanvas-mobile-menu')
|
|
||||||
offcanvasMobileMenu.show()
|
|
||||||
});
|
|
||||||
|
|
||||||
// 右侧购物车弹出层内交互
|
|
||||||
$(document).on("click", "#offcanvas-right-cart .select-wrap", function () {
|
|
||||||
const [unchecked, checked] = ['bi bi-circle', 'bi bi-check-circle-fill'];
|
|
||||||
const productListAll = $('#offcanvas-right-cart .product-list').length;
|
|
||||||
|
|
||||||
const isChecked = $(this).children('i').hasClass(unchecked);
|
|
||||||
$(this).children('i').prop('class', isChecked ? checked : unchecked);
|
|
||||||
|
|
||||||
const checkedProduct = $('#offcanvas-right-cart .offcanvas-right-products i.bi-check-circle-fill').length;
|
|
||||||
|
|
||||||
if ($(this).hasClass('all-select')) {
|
|
||||||
const isAll = $('.all-select i').hasClass(checked);
|
|
||||||
$('#offcanvas-right-cart .product-list').find('.select-wrap i').prop('class', isAll ? checked : unchecked)
|
|
||||||
} else {
|
|
||||||
$('.offcanvas-footer .all-select i').prop('class', productListAll == checkedProduct ? checked : unchecked);
|
|
||||||
}
|
|
||||||
|
|
||||||
const checkedIds = $('#offcanvas-right-cart .product-list').map(function() {
|
|
||||||
return $(this).find('i.bi-check-circle-fill').data('id');
|
|
||||||
}).get();
|
|
||||||
|
|
||||||
if (!checkedIds.length) {
|
|
||||||
$('#offcanvas-right-cart .to-checkout').addClass('disabled')
|
|
||||||
} else {
|
|
||||||
$('#offcanvas-right-cart .to-checkout').removeClass('disabled')
|
|
||||||
}
|
|
||||||
|
|
||||||
$http.post(`/carts/select`, {cart_ids: checkedIds}, {hload: true}).then((res) => {
|
|
||||||
updateMiniCartData(res);
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
// 右侧购物车弹出层内交互
|
|
||||||
$(document).on("change", "#offcanvas-right-cart .price input", function () {
|
|
||||||
const [id, sku_id, quantity] = [$(this).data('id'), $(this).data('sku'), $(this).val() * 1];
|
|
||||||
if ($(this).val() === '') $(this).val(1);
|
|
||||||
|
|
||||||
$http.put(`/carts/${id}`, {quantity: quantity, sku_id}, {hload: true}).then((res) => {
|
|
||||||
updateMiniCartData(res);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
function updateMiniCartData(res) {
|
|
||||||
$('.offcanvas-right-cart-count').text(res.data.quantity);
|
|
||||||
$('.offcanvas-right-cart-amount').text(res.data.amount_format);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导航菜单防止小屏幕下(非手机端)，配置列数过多 显示错误
|
|
||||||
$('.menu-wrap > ul > li').each(function(index, el) {
|
|
||||||
if ($(el).children('.dropdown-menu').length) {
|
|
||||||
const offsetLeft = $(el).children('.dropdown-menu').offset().left;
|
|
||||||
const width = $(el).children('.dropdown-menu').width();
|
|
||||||
const windowWidth = $(window).width();
|
|
||||||
|
|
||||||
if (offsetLeft < 0) {
|
|
||||||
$(el).addClass('position-static')
|
|
||||||
.children('.dropdown-menu')
|
|
||||||
.css({'left': (windowWidth - width) / 2, 'transform': 'translate(0, 0.5rem)'});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
/*
|
|
||||||
* @copyright 2022 beikeshop.com - All Rights Reserved.
|
|
||||||
* @link https://beikeshop.com
|
|
||||||
* @Author pu shuo <pushuo@guangda.work>
|
|
||||||
* @Date 2022-08-19 18:21:32
|
|
||||||
* @LastEditTime 2022-09-16 20:57:00
|
|
||||||
*/
|
|
||||||
|
|
||||||
$(document).on('click', '.quantity-wrap .right i', function(event) {
|
|
||||||
event.stopPropagation();
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
let input = $(this).parent().siblings('input')
|
|
||||||
|
|
||||||
if ($(this).hasClass('bi-chevron-up')) {
|
|
||||||
input.val(input.val() * 1 + 1)
|
|
||||||
input.get(0).dispatchEvent(new Event('input'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (input.val() * 1 <= input.attr('minimum') * 1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (input.val () * 1 <= 1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.val(input.val() * 1 - 1)
|
|
||||||
input.get(0).dispatchEvent(new Event('input'));
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue