(开始之前:=>如果你的学习经历坎坷或学校垃圾或者讨厌前端而;

不知道如何使网页缩放页面布局不变只会吞噬布局)=>body中加上min-width: 1300px;就好了


<body style="margin: 0px;min-width: 1300px; ">


element 布局上下左右 elementui布局教程_ui

element 布局上下左右 elementui布局教程_ui_02

npm 安装element ui 报了 很多错 修复了也不行 我真没看懂

然后用了 cnpm 去安装没报错 没懂为啥

element 布局上下左右 elementui布局教程_vue.js_03

 

element 布局上下左右 elementui布局教程_vue.js_04

 cnpm安装: cnpm i element-ui -S

element 布局上下左右 elementui布局教程_element 布局上下左右_05

我们不需要npm install 因为我在创建项目时安装npm 总失败让他在初始化时就安装了

 cnpm install sass-loader node-sass --save-dev

这东西用来生成css

然后element ui 

一行分了24等分标签中的 :span= 是 用来控制组件占有多少列

他的按钮属性就是直接写在按钮上默认是false写上就是true使用状态 

比如他的按钮要是圆角<el-button circle></el-button>

他的按钮上要是图片

element 布局上下左右 elementui布局教程_ui_06

<el-row></el-row>将所有元素显示在一行

使用按钮原生功能

element 布局上下左右 elementui布局教程_vue.js_07

 按钮组均匀分配空间无间隔

element 布局上下左右 elementui布局教程_java_08

 这种左边栏目总会只显示一点给他后面的背景加同一个色的话要定义div  div必须在col中row中是不管用的宽度100%会自动贴合组件高度必须要指定了


width:100%;height:630px; background-color: rgb(84, 92, 100);


element 布局上下左右 elementui布局教程_css_09

在学习vue时感觉狂神教的太浅了vue像是突然断更没学明白,然后到处搜补,决定把前段全重构了重新学习并且把java的知识点也都查漏补缺,最好能把java基础与jvm吃透吧,现在的学习计划就是html+css的快速过标签知道他干啥就行不然时间来不及后面也会忘布局重新强化学习把布局全部查漏补缺然后就是css知识点也看看不必要非常详细掌握够用就行后面用到再去看找,然后javascrpit基本的domBOm 和函数 再学习ES6  VUE我是放弃了
因为再去学习不值得有心理因素,想赶工而起大厂说是react那就冲react估计有2个月时间来弄.后面再进行java后端反正ssm框架暂时足够时间长了看一下以前自己的整合视频也能知道咋弄为什么,业务不需要关心springboot也会强化学习就暂时这样吧