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

wip

This commit is contained in:
pushuo 2022-08-01 08:47:30 +08:00
parent a24b5d5c4c
commit c6779e7bc3
8 changed files with 80 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
beike/Admin/View/Components/Sidebar.php
View File

@ -36,6 +36,11 @@ class Sidebar extends Component
if (Str::startsWith($routeName, ['home.'])) {
$this->addLink('首页装修', admin_route('design.index'), 'fa fa-tachometer-alt', $this->equalRoute('design.index'), true);
$this->addLink('插件列表', admin_route('plugins.index'), 'fa fa-tachometer-alt', $this->equalRoute('plugins.index'));
$this->addLink('商品分类', admin_route('categories.index'), 'fa fa-tachometer-alt', $this->equalRoute('categories.index'));
$this->addLink('品牌管理', admin_route('brands.index'), 'fa fa-tachometer-alt', $this->equalRoute('brands.index'));
$this->addLink('税率设置', admin_route('tax_rates.index'), 'fa fa-tachometer-alt', $this->equalRoute('tax_rates.index'));
$this->addLink('多语言', admin_route('tax_rates.index'), 'fa fa-tachometer-alt', $this->equalRoute('tax_rates.index'));
$this->addLink('多货币', admin_route('tax_rates.index'), 'fa fa-tachometer-alt', $this->equalRoute('tax_rates.index'));
}
if (Str::startsWith($routeName, ['products.', 'categories.', 'brands.'])) {

26
public/build/beike/admin/css/app.css vendored
View File

@ -298,7 +298,7 @@ body {
}
.main-content > #content {
flex: 1;
padding: 0 1.5rem 4rem;
padding: 0 1rem 4rem;
overflow-y: auto;
}
@media screen and (max-width: 991px) {
@ -310,12 +310,12 @@ body {
.page-title-box {
z-index: 9;
right: 0;
padding: 1.5rem 0 0;
padding: 1.4rem 0 0;
display: flex;
align-items: center;
}
.page-title-box .page-title {
font-size: 1.2rem;
font-size: 1rem;
margin: 0;
overflow: hidden;
white-space: nowrap;
@ -472,7 +472,7 @@ body.page-seller-product .share-link-pop .share-links-code img {
display: flex;
align-items: center;
z-index: 9;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05);
}
.header-wrap .header-left {
width: 190px;
@ -482,6 +482,7 @@ body.page-seller-product .share-link-pop .share-links-code img {
}
.header-wrap .header-left .logo {
max-width: 76%;
max-height: 30px;
}
.header-wrap .header-right {
display: flex;
@ -491,15 +492,25 @@ body.page-seller-product .share-link-pop .share-links-code img {
}
.header-wrap .header-right > .navbar {
margin-bottom: 0;
padding: 0 0 0 0.6rem;
padding: 0;
list-style: none;
}
.header-wrap .header-right > .navbar > li {
padding: 0 1rem;
}
.header-wrap .header-right > .navbar > li .dropdown:hover .nav-link {
background-color: #eee;
}
.header-wrap .header-right > .navbar > li .dropdown:hover .dropdown-menu {
display: block;
}
.header-wrap .header-right > .navbar > li .dropdown:hover .dropdown-menu.dropdown-menu-end {
right: 0;
left: auto;
}
.header-wrap .header-right > .navbar > li a.nav-link {
color: #333;
padding: 0;
padding: 0 6px;
height: 54px;
display: flex;
align-items: center;
@ -520,6 +531,9 @@ body.page-seller-product .share-link-pop .share-links-code img {
height: 3px;
background-color: #fd560f;
}
.header-wrap .header-right .navbar.navbar-right li.active, .header-wrap .header-right .navbar.navbar-right li:hover {
font-weight: bold;
}
.header-wrap .header-right .navbar.navbar-right li.active a:after, .header-wrap .header-right .navbar.navbar-right li:hover a:after {
display: block;
}

2
public/build/beike/shop/default/css/app.css vendored
View File

@ -418,7 +418,7 @@ header .dropdown:hover .dropdown-menu.dropdown-menu-end {
right: 0;
}
header .top-wrap {
height: 44px;
height: 40px;
background: #F7F8FA;
display: flex;
}

6
resources/beike/admin/css/_global.scss vendored
View File

@ -121,7 +121,7 @@ body {
> #content {
flex: 1;
padding: 0 1.5rem 4rem;
padding: 0 1rem 4rem;
// margin-top: 44px;
overflow-y: auto;
@ -138,14 +138,14 @@ body {
z-index: 9;
right: 0;
// height: 58px;
padding: 1.5rem 0 0;
padding: 1.4rem 0 0;
// background-color: #fff;
// border-bottom: 1px solid #f1f1f1;
display: flex;
align-items: center;
.page-title {
font-size: 1.2rem;
font-size: 1rem;
margin: 0;
// line-height: 35px;
// color: #12263f;

25
resources/beike/admin/css/_header.scss vendored
View File

@ -16,7 +16,7 @@
display: flex;
align-items: center;
z-index: 9;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
.header-left {
width: 190px;
@ -27,6 +27,7 @@
.logo {
max-width: 76%;
max-height: 30px;
}
}
@ -38,14 +39,30 @@
> .navbar {
margin-bottom: 0;
padding: 0 0 0 .6rem;
padding: 0;
list-style: none;
> li {
padding: 0 1rem;
.dropdown {
&:hover {
.nav-link {
background-color: #eee;
}
.dropdown-menu {
display: block;
&.dropdown-menu-end {
right: 0;
left: auto;
}
}
}
}
a.nav-link {
color: #333;
padding: 0;
padding: 0 6px;
height: 54px;
display: flex;
align-items: center;
@ -75,6 +92,8 @@
}
&.active, &:hover {
font-weight: bold;
a {
&:after {
display: block;

2
resources/beike/admin/views/components/header.blade.php
View File

@ -13,7 +13,7 @@
</ul>
<ul class="navbar">
<li class="nav-item">
<a target="_blank" href="{{ shop_route('home.index') }}" class="nav-link"><i class="bi bi-send"></i> 访问前台</a>
<a target="_blank" href="{{ shop_route('home.index') }}" class="nav-link"><i class="bi bi-send me-1"></i> 访问前台</a>
</li>
<li class="nav-item">
<div class="dropdown">

30
resources/beike/admin/views/pages/home.blade.php
View File

@ -15,10 +15,12 @@
<h6 class="text-uppercase text-black-50 mb-3">产品总数</h6>
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="fs-2 lh-1 fw-bold">90</div><span class="mt-n1 ms-2 badge bg-success-soft">+3.5%</span>
<div class="fs-2 lh-1 fw-bold">90</div>
{{-- <span class="mt-n1 ms-2 badge bg-success-soft">+3.5%</span> --}}
</div>
<div><i class="fs-4 bi bi-cart"></i></div>
</div>
<div class="mt-3 d-flex align-items-center lh-1"><span class="text-success">-24</span> <span class="vr mx-2"></span> <span class="text-muted">较以往新增</span></div>
</div>
</div>
</div>
@ -33,6 +35,7 @@
</div>
<div><i class="fs-4 bi bi-journal-text"></i></div>
</div>
<div class="mt-3 d-flex align-items-center lh-1"><span class="text-success">-21%</span> <span class="vr mx-2"></span> <span class="text-muted">较以往新增</span></div>
</div>
</div>
</div>
@ -47,6 +50,7 @@
</div>
<div><i class="fs-4 bi bi-person"></i></div>
</div>
<div class="mt-3 d-flex align-items-center lh-1"><span class="text-danger">+30%</span> <span class="vr mx-2"></span> <span class="text-muted">较以往新增</span></div>
</div>
</div>
</div>
@ -54,13 +58,14 @@
<div class="card mb-4">
{{-- <div class="card-header">会员总数</div> --}}
<div class="card-body">
<h6 class="text-uppercase text-black-50 mb-3">XXXXX</h6>
<h6 class="text-uppercase text-black-50 mb-3">销售金额</h6>
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="fs-2 lh-1 fw-bold">190</div>
<div class="fs-2 lh-1 fw-bold">6666666</div>
</div>
<div><i class="fs-4 bi bi-person"></i></div>
</div>
<div class="mt-3 d-flex align-items-center lh-1"><span class="text-danger">+140%</span> <span class="vr mx-2"></span> <span class="text-muted">较以往新增</span></div>
</div>
</div>
</div>
@ -111,6 +116,11 @@
labels: ['新注册', '最近访问', '活跃用户', '近期下单'],
datasets: [{
label: '# of Votes',
// backgroundColor: '#ffadb9',
// borderColor: '#f7072b',
// barThickness: 30,
// borderRadius: 20, // This will round the corners
// borderSkipped: false, // To make all side rounded
data: [12, 19, 3, 5],
// borderRadius: 5,
backgroundColor: [
@ -136,8 +146,22 @@
scales: {
y: {
beginAtZero: true,
drawBorder: false,
// ticks: {
// display: false,
// }
grid: {
// borderDash: [4],
drawBorder: false,
},
},
x: {
beginAtZero: true,
drawBorder: false,
grid: {
drawBorder: false,
display: false
},
// display: false,
}
}

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

@ -28,7 +28,7 @@ header {
.top-wrap {
// padding: 10px;
height: 44px;
height: 40px;
// max-height: 50px;
background: #F7F8FA;
display: flex;