VberAdmin_V4/SourceCode/Src/VberAdmin.Web.Mvc/Views/Shared/Layout/_Notification.cshtml

<div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('/img/pattern/pattern-3.jpg')">
	<h3 class="text-white fw-bold px-9 mt-10 mb-6">消息通知
        <span class="fs-8 opacity-75 ps-3"><span class="pe-2" data-vb-notification="unread-count">0</span>条</span>
    </h3>
	@*<ul class="nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-bold px-9">
		<li class="nav-item">
			<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" data-bs-target="#kt_topbar_notifications_1">通知</a>
		</li>
		<li class="nav-item">
			<a class="nav-link text-white opacity-75 opacity-state-100 pb-4 active" data-bs-toggle="tab" data-bs-target="#kt_topbar_notifications_2">消息</a>
		</li>
		<li class="nav-item">
			<a class="nav-link text-white opacity-75 opacity-state-100 pb-4" data-bs-toggle="tab" data-bs-target="#kt_topbar_notifications_3">日志</a>
		</li>
	</ul>*@
</div>
    <div class="scroll-y mh-325px min-h-30px  my-5 px-8" data-vb-notification="items">
        
    </div>
    <div class="py-3 text-center border-top"  data-vb-notification="tools">
        <a href="/Bs/Notification" class="btn btn-color-gray-600 btn-active-color-primary">查看更多
            <!--Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
            <span class="svg-icon svg-icon-5">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <polygon points="0 0 24 0 24 24 0 24" />
                        <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
                        <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
                    </g>
                </svg>
            </span>
        </a>
    </div>
@*
<div class="tab-content">
	<div class="tab-pane fade" id="kt_topbar_notifications_1" role="tabpanel">
		<div class="scroll-y mh-325px my-5 px-8">
			
			<!--begin::Item-->
			<div class="d-flex flex-stack py-4">
				<!--begin::Section-->
				<div class="d-flex align-items-center">
					<!--begin::Symbol-->
					<div class="symbol symbol-35px me-4">
						<span class="symbol-label bg-light-warning">
							<!--begin::Svg Icon | path: icons/duotone/Communication/Group.svg-->
							<span class="svg-icon svg-icon-2 svg-icon-warning">
								<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
									<path d="M18,14 C16.3431458,14 15,12.6568542 15,11 C15,9.34314575 16.3431458,8 18,8 C19.6568542,8 21,9.34314575 21,11 C21,12.6568542 19.6568542,14 18,14 Z M9,11 C6.790861,11 5,9.209139 5,7 C5,4.790861 6.790861,3 9,3 C11.209139,3 13,4.790861 13,7 C13,9.209139 11.209139,11 9,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
									<path d="M17.6011961,15.0006174 C21.0077043,15.0378534 23.7891749,16.7601418 23.9984937,20.4 C24.0069246,20.5466056 23.9984937,21 23.4559499,21 L19.6,21 C19.6,18.7490654 18.8562935,16.6718327 17.6011961,15.0006174 Z M0.00065168429,20.1992055 C0.388258525,15.4265159 4.26191235,13 8.98334134,13 C13.7712164,13 17.7048837,15.2931929 17.9979143,20.2 C18.0095879,20.3954741 17.9979143,21 17.2466999,21 C13.541124,21 8.03472472,21 0.727502227,21 C0.476712155,21 -0.0204617505,20.45918 0.00065168429,20.1992055 Z" fill="#000000" fill-rule="nonzero" />
								</svg>
							</span>
							<!--end::Svg Icon-->
						</span>
					</div>
					<!--end::Symbol-->
					<!--begin::Title-->
					<div class="mb-0 me-2">
						<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Company HR</a>
						<div class="text-gray-400 fs-7">Corporeate staff profiles</div>
					</div>
					<!--end::Title-->
				</div>
				<!--end::Section-->
				<!--begin::Label-->
				<span class="badge badge-light fs-8">5 hrs</span>
				<!--end::Label-->
			</div>
			<!--end::Item-->
			
		</div>
		<!--end::Items-->
		<div class="py-3 text-center border-top">
			<a href="" class="btn btn-color-gray-600 btn-active-color-primary">查看更多
			<!--Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
			<span class="svg-icon svg-icon-5">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<polygon points="0 0 24 0 24 24 0 24" />
						<rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
						<path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
					</g>
				</svg>
			</span>
			</a>
		</div>
	</div>

	<div class="tab-pane fade show active" id="kt_topbar_notifications_2" role="tabpanel">
		<div class="d-flex flex-column px-9">
			<div class="pt-10 pb-0">
				<h3 class="text-dark text-center fw-bolder">Get Pro Access</h3>
			
				<div class="text-center text-gray-600 fw-bold pt-1">Outlines keep you honest. They stoping you from amazing poorly about drive</div>
				
				<div class="text-center mt-5 mb-9">
					<a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade</a>
				</div>
			</div>
			
			<div class="text-center px-4">
				<img class="mw-100 mh-200px" alt="" src="/img/pattern/alert.png" />
			</div>
		</div>
	</div>
	
	<div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
		<div class="scroll-y mh-325px my-5 px-8">
            <div class="d-flex flex-stack py-4">
                <div class="d-flex align-items-center me-2">
                    <span class="w-70px badge badge-light-success me-4">200 OK</span>
                    <a href="#" class="text-gray-800 text-hover-primary fw-bold">New order</a>
                </div>
                <span class="badge badge-light fs-8">Just now</span>
            </div>

			<div class="d-flex flex-stack py-4">
				<div class="d-flex align-items-center me-2">
					<span class="w-70px badge badge-light-danger me-4">500 ERR</span>
					<a href="#" class="text-gray-800 text-hover-primary fw-bold">New customer</a>
				</div>
				<span class="badge badge-light fs-8">2 hrs</span>
			</div>
			
			<div class="d-flex flex-stack py-4">
				<!--begin::Section-->
				<div class="d-flex align-items-center me-2">
					<!--begin::Code-->
					<span class="w-70px badge badge-light-warning me-4">300 WRN</span>
					<!--end::Code-->
					<!--begin::Title-->
					<a href="#" class="text-gray-800 text-hover-primary fw-bold">Search query</a>
					<!--end::Title-->
				</div>
				<!--end::Section-->
				<!--begin::Label-->
				<span class="badge badge-light fs-8">2 days</span>
				<!--end::Label-->
			</div>
		
		</div>
		
		<div class="py-3 text-center border-top">
			<a href="#" class="btn btn-color-gray-600 btn-active-color-primary">查看更多
			<!--Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
			<span class="svg-icon svg-icon-5">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<polygon points="0 0 24 0 24 24 0 24" />
						<rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1" />
						<path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)" />
					</g>
				</svg>
			</span>
			</a>
		</div>
	</div>
</div>*@