nord布局实现pc端后台管理界面代码
代码语言:html
所属分类:布局界面
代码描述: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