!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,
|
||||
title: '',
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
* @link https://beikeshop.com
|
||||
* @Author pu shuo <pushuo@guangda.work>
|
||||
* @Date 2022-08-16 18:47:18
|
||||
* @LastEditTime 2022-11-04 16:00:27
|
||||
* @LastEditTime 2023-03-16 17:30:20
|
||||
*/
|
||||
|
||||
$(function () {
|
||||
|
|
@ -80,9 +80,10 @@ $(function () {
|
|||
if ($(el).children('.dropdown-menu').length) {
|
||||
const offsetLeft = $(el).children('.dropdown-menu').offset().left;
|
||||
const width = $(el).children('.dropdown-menu').width();
|
||||
const offsetRight = offsetLeft + width;
|
||||
const windowWidth = $(window).width();
|
||||
|
||||
if (offsetLeft < 0) {
|
||||
if (offsetLeft < 0 || offsetRight > windowWidth) {
|
||||
$(el).addClass('position-static')
|
||||
.children('.dropdown-menu')
|
||||
.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