优化分类筛选 ui等

This commit is contained in:
pushuo 2023-01-13 11:31:09 +08:00 committed by Edward Yang
parent d0aeeb522b
commit 470d5cf21c
4 changed files with 24 additions and 19 deletions

View File

@ -199,3 +199,16 @@ body.page-categories {
}
}
}
.filter-box {
.attribute-item {
.form-check-label {
cursor: pointer;
&:hover {
.form-check-input {
border-color: $primary;
}
}
}
}
}

View File

@ -3,7 +3,7 @@
* @link https://beikeshop.com
* @Author pu shuo <pushuo@guangda.work>
* @Date 2022-09-09 19:16:39
* @LastEditTime 2022-11-07 09:29:34
* @LastEditTime 2023-01-13 11:29:27
*/
export default {
@ -92,26 +92,18 @@ export default {
$(document).ready(() => {
if (!$('.fixed-top-line').length) return;
if ($(window).width() < 768) return;
const totalWrapTop = $('.fixed-top-line').offset().top;
const totalWrapWidth = $('.fixed-top-line').outerWidth();
const totalWrapHeight = $('.fixed-top-line').outerHeight();
const totalWrapLeft = $('.fixed-top-line').offset().left;
const footerTop = $('footer').offset().top;
const footerMarginTop = Math.abs(parseInt($('footer').css("marginTop")));
const [fTop, tLeft] = [$('.fixed-top-line'), $('.fixed-top-left')]
const fTopTop = fTop.offset().top;
const fTopWidth = fTop.outerWidth();
const fTopHeight = fTop.outerHeight();
$(window).scroll(function () {
if ($(this).scrollTop() > totalWrapTop) {
$('.fixed-top-line').css({position: 'fixed', top: 0, bottom: 'auto', 'width': totalWrapWidth})
if (!$('.total-old').length) {
$('.fixed-top-line').before('<div class="total-old" style="height:' + totalWrapHeight + 'px; width:100%;"></div>');
}
const topLeftHeight = tLeft.outerHeight();
if ($(this).scrollTop() + totalWrapHeight > footerTop - footerMarginTop) {
$('.fixed-top-line').css({position: 'absolute', top: 'auto', bottom: '0', 'width': totalWrapWidth})
}
if ($(this).scrollTop() > fTopTop && topLeftHeight > fTopHeight) {
fTop.css({position: 'fixed', top: 0, bottom: 'auto', 'width': fTopWidth})
} else {
$('.total-old').remove();
$('.fixed-top-line').removeAttr('style')
fTop.removeAttr('style')
}
})
})

View File

@ -23,7 +23,7 @@
<div class="row mt-5" v-if="products.length">
<div class="col-12 col-md-9 left-column">
<div class="card shadow-sm">
<div class="card shadow-sm fixed-top-left">
<div class="card-body p-lg-4">
<div class="p-lg-0"><h4 class="mb-3">{{ __('shop/carts.commodity') }}</h4></div>
<div class="cart-products-wrap table-responsive">

View File

@ -19,7 +19,7 @@
<div class="row mt-5">
<div class="col-12 col-md-8 left-column">
<div class="card shadow-sm">
<div class="card shadow-sm fixed-top-left">
<div class="card-body p-lg-4">
@include('checkout._address')