08 2021 档案

在HTML页面使用elementUI出现图标不显示的问题
摘要：新建一个空文件 下载依赖 npm i element-ui -S 在 node_modules 里面找到node_modules-->element-ui >theme-chalk >fonts把fonts文件夹放到css里面就可以了 阅读全文
posted @ 2021-08-13 15:50 SYH11 阅读(1214) 评论(0) 推荐(0)
如何实现页面传参
摘要：1.在两个页面传参使用路由传参 在第一个页面使用下面红色的部分进行路由传参（记的在配置路由的地方写上name属性）传递的参数是 this.imgurl // 电子录取通知书 async toNotice() { const { data: res } = await this.$http.get(' 阅读全文
posted @ 2021-08-13 15:19 SYH11 阅读(309) 评论(0) 推荐(0)
两种不同的环境实现打印功能
摘要：一.在vue脚手架项目里面 1.安装依赖 npm install vue-print-nb --save 2.在main.js中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3. 在需要打印的地方使用id命名 （必须使用id命名，c 阅读全文
posted @ 2021-08-13 14:44 SYH11 阅读(118) 评论(0) 推荐(0)
em和rem 比较
摘要：em和rem都是相对单位，是随着别的单位变化而变化的 1.em是相对于自己的父级元素变化的比如下面这个例子中的box1和box2，他是相对于container盒子字体变化而变化的，当container盒子字体变大或者缩小时，box1和box2也会变大和缩小。 <template> <div clas 阅读全文
posted @ 2021-08-05 15:10 SYH11 阅读(225) 评论(0) 推荐(0)
媒体查询
摘要：媒体查询 媒体查询可以在指定的设备上使用对应的样式才代替原来的样式 比如我们可以让一个网页在屏幕小于1000px 时颜色变化为pink色 @media screen and (max-width: 480px) { body { background-color: pink; } } 也可以让一个固 阅读全文
posted @ 2021-08-04 15:11 SYH11 阅读(59) 评论(0) 推荐(0)
响应式布局之栅格布局
摘要：栅格布局 栅格布局就是把一个页面的宽度分成了24份， <template> <div> <!-- 栅格布局 el-row属性 :gutter="10" 设置 每一个栅格之间的间隔 不写默认是0 type="flex" 布局模式 justify="center" flex 布局下的水平排列方式 ali 阅读全文
posted @ 2021-08-04 14:54 SYH11 阅读(821) 评论(0) 推荐(1)
响应式布局之css单位
摘要：1.css单位CSS 有几种表示长度的不同单位。 许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size 等。 长度是一个后面跟着长度单位的数字，诸如 10px、2em 等。 css单位主要包含两部分：绝对单位和相对单位 绝对单位：就是元素的长度是固定的 阅读全文
posted @ 2021-08-04 14:47 SYH11 阅读(301) 评论(0) 推荐(0)
flex弹性布局（2）
摘要：1.如果要想让一个盒子向左向右都居中如下 <template> <div> <div class="container"> <div class="list">1</div> </div> </div> </template> <script> </script> <style> .containe 阅读全文
posted @ 2021-08-04 14:43 SYH11 阅读(38) 评论(0) 推荐(0)
flex弹性布局
摘要：flex布局又称弹性布局1. 给父容器添加display: flex/inline-flex;属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式；在item里面使用的任何布局都会失效 1 <template> 2 <div> 3 <div class="box"> 4 <div cl 阅读全文
posted @ 2021-08-04 14:17 SYH11 阅读(128) 评论(0) 推荐(0)