nord布局实现pc端后台管理界面代码

代码语言:html

所属分类:布局界面

代码描述:nord布局实现pc端后台管理界面代码

代码标签: nord 布局 pc端 后台 管理 界面 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" class="n-reset">

<head>
    <meta charset="UTF-8">


    <link rel='stylesheet' href='https://nordcdn.net/ds/css/3.1.0/nord.min.css'>
    <link rel='stylesheet' href='https://nordcdn.net/ds/themes/8.0.1/nord.css'>

    <style>
        body { background-color: var(--n-color-background) }
    </style>




</head>

<body translate="no">
    <nord-layout>
        <nord-navigation slot="nav">
            <nord-button slot="header" expand>
                <nord-avatar slot="start" name="Bath Clinic" variant="square">B</nord-avatar> Bath Clinic </nord-button>
            <nord-nav-group heading="Workspace">
                <nord-nav-item href="#" active icon="navigation-dashboard">Dashboard</nord-nav-item>
                <nord-nav-item icon="navigation-payments"> Payments </nord-nav-item>
                <nord-nav-item icon="navigation-reports"> Reports </nord-nav-item>
                <nord-na.........完整代码请登录后点击上方下载按钮下载查看

网友评论0