Skip to content

后台整体框架搭建

打开https://element.eleme.cn/#/zh-CN/component/container，将下图的代码复制到src\views\HomeView.vue并删除乱七八糟的其他代码：

复制后的html代码如下图：

js代码如下图：

删除src\App.vue中的乱七八糟的代码，保留如下代码：

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

运行后的代码：

在src\assets目录新建一个global.css用于设置全局样式，填入对应的样式（别管我后面的注释，AI工具自动生成的，我是懒货，能自动生成从来不自己写）

在main.js文件中进行引入：

home.vue更改样式:

处理完后的样子：

是不是有那味了

Comments