wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化响应式 -> https://gitee.com/beikeshop/beikeshop/issues/I6151F?from=project-issue

This commit is contained in:
pushuo 2022-11-15 10:47:31 +08:00
parent 3877b1f0d9
commit f8d70ca46b
7 changed files with 60 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/beike/shop/default/css/account/account.scss vendored
View File

@ -29,9 +29,19 @@ body.page-account {
}
}
.card-body {
@media (min-width: 992px) {
min-height: 509px;
}
}
.order-wrap {
background-color: #f6f8f9;
padding: 2rem 1rem;
@media (min-width:768px) {
padding: 2rem 1rem;
}
.icon {
i {
font-size: 4.5rem;

11
resources/beike/shop/default/css/global.scss vendored
View File

@ -260,6 +260,10 @@ body[class^="page-account-"] {
transition: all .2s ease-in-out;
text-decoration: none !important;
&:last-of-type {
border-bottom: none;
}
&:hover {
background-color: #E9ECEF;
}
@ -291,4 +295,11 @@ table.table thead th, .fw-bold, h1,h2,h3, h4, h5, h6, b, strong, .card .card-hea
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.breadcrumb {
@media (max-width: 768px) {
padding-top: .8rem;
padding-bottom: .8rem;
}
}

11
resources/beike/shop/default/css/header.scss vendored
View File

@ -190,6 +190,17 @@ header {
> div {
width: 33.33%;
&.center a {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
img {
max-height: 100%;
}
}
}
.left {

17
resources/beike/shop/default/css/page-account-order.scss vendored
View File

@ -51,7 +51,22 @@ body.page-account-order-list {
margin-right: 10px;
@media (max-width:768px) {
display: none;
// 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;
}
}
}
}

6
resources/beike/shop/default/css/page-product.scss vendored
View File

@ -9,6 +9,12 @@
*/
body.page-product {
@media (max-width: 768px) {
.breadcrumb {
display: none
}
}
.product-image {
.swiper {
height: 250px;

8
themes/default/account/account.blade.php
View File

@ -45,13 +45,13 @@
<div class="card-body">
<div class="d-flex flex-nowrap card-items mb-4 py-3">
<a href="{{ shop_route('account.order.index', ['status' => 'unpaid']) }}" class="d-flex flex-column align-items-center"><i class="iconfont">&#xf12f;</i><span
class="text-muted">{{ __('shop/account.pending_payment') }}</span></a>
class="text-muted text-center">{{ __('shop/account.pending_payment') }}</span></a>
<a href="{{ shop_route('account.order.index', ['status' => 'paid']) }}" class="d-flex flex-column align-items-center"><i class="iconfont">&#xf130;</i><span
class="text-muted">{{ __('shop/account.pending_send') }}</span></a>
class="text-muted text-center">{{ __('shop/account.pending_send') }}</span></a>
<a href="{{ shop_route('account.order.index', ['status' => 'shipped']) }}" class="d-flex flex-column align-items-center"><i class="iconfont">&#xf131;</i><span
class="text-muted">{{ __('shop/account.pending_receipt') }}</span></a>
class="text-muted text-center">{{ __('shop/account.pending_receipt') }}</span></a>
<a href="{{ shop_route('account.rma.index') }}" class="d-flex flex-column align-items-center"><i class="iconfont">&#xf132;</i><span
class="text-muted">{{ __('shop/account.after_sales') }}</span></a>
class="text-muted text-center">{{ __('shop/account.after_sales') }}</span></a>
</div>
<div class="order-wrap">
@if (!count($latest_orders))

2
themes/default/components/breadcrumbs.blade.php
View File

@ -1,5 +1,5 @@
@unless ($breadcrumbs->isEmpty())
<nav aria-label="breadcrumb" class="d-none d-md-block">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
@foreach ($breadcrumbs as $breadcrumb)