一、https://element-plus.gitee.io/zh-CN/ 官網
二、后臺布局Layui
代碼示例如下
<template> <div class="app_container"> <div class="common-layout"> <el-container> <el-aside width="200px" class="aside">Aside</el-aside> <el-container> <el-header class="header">Header</el-header> <el-main class="main">Main</el-main> </el-container> </el-container> </div> </div> </template> <script> export default{ name: 'app', setup(){ }, } </script> <style scoped> /* 手動配置全域樣式 */ html, body, .app_container, .el-container{ padding: 0; margin: 0; height: 100vh; } /* 背景顏色 */ .aside{ background-color: pink; } .main{ background-color: forestgreen; } .header{ background-color: aqua; } </style>
僅展示 布局，后續，補充選單、功能main 等內容
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
Element Plus
基于 Vue 3，面向設計師和開發者的組件庫
點到為止
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/545486.html
標籤：其他
上一篇：Vue，小程式開發技術詳解