12 2020 档案

CSS -- media响应式布局
摘要：用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 @media (min-width: 1024px){ /*>=1024的设备*/ body{font-size: 18px} } @media (min-width: 1100px) { / 阅读全文
posted @ 2020-12-11 11:01 JaneLifeVlog 阅读(126) 评论(0) 推荐(0)
CSS -- grid布局
摘要：设为网格布局以后，容器子元素（项目）的 float、 display: inline-block、 display: table-cell、 vertical-align和column-等设置都将失效。 基本布局 display: grid; 行内布局（此时容器为行内元素） display: inl 阅读全文
posted @ 2020-12-10 16:43 JaneLifeVlog 阅读(92) 评论(0) 推荐(0)
vue（二）事件说明
摘要：（1）route、routes、router区别 //route 单条路由，局部对象 //routes 拥有多条跳转路由/路由数组的集合，多个局部的对象 //router 路由管理，当项目需要查找某个特定的路由时，router负责到路由器的集合中找到对应的路由，全局的对象 （2）MVVM(通过vue 阅读全文
posted @ 2020-12-08 10:27 JaneLifeVlog 阅读(98) 评论(0) 推荐(0)
vue（一）构建项目
摘要：（1）安装Vue CLI npm install -g vue-cli （2）构建VUE项目 vue init webpack //Webpack是指你想用哪个脚手架模板，这里其实用很多模板供我们选择,比如简化版webpack-simple. //app指的是你要把项目放在哪个文件夹里，这里就是ap 阅读全文
posted @ 2020-12-08 09:50 JaneLifeVlog 阅读(108) 评论(0) 推荐(0)
MVC
摘要：Model Model={ data:{程序需要操作的数据或信息}, create:{增数据}, delete:{删数据}, undate(data){ Object.assign(m.data,data) //使用新数据替换旧数据 eventsBus.trigger('m:upate') //ev 阅读全文
posted @ 2020-12-07 14:35 JaneLifeVlog 阅读(37) 评论(0) 推荐(0)
模糊 css
摘要：文字 color: transparent; text-shadow: #111 0 0 5px; 图片 filter: blur(10px); 阅读全文
posted @ 2020-12-07 09:52 JaneLifeVlog 阅读(58) 评论(0) 推荐(0)
ajax 获取后台数据
摘要：mounted(){ this.getList(); //获取列表 }, methods: { getList() { this.loading = true; let that = this; axios.post('adress_____',that.form).then(function (r 阅读全文
posted @ 2020-12-07 09:13 JaneLifeVlog 阅读(245) 评论(0) 推荐(0)
elementui 打印 二维码
摘要：html <div id='print_btn'> <el-select v-model="value" placeholder="请选择打印二维码的尺码" @change="getUrl"> <el-option v-for="item in options" :key="item.value" 阅读全文
posted @ 2020-12-03 17:57 JaneLifeVlog 阅读(629) 评论(0) 推荐(0)
vue 循环数据时最后一个元素不添加符号
摘要：方法一 {{ p_index scope.row.period.length-1 ? " ":" | " }} 方法二 <span v-if=" p_index > 0 ">、</span> 阅读全文
posted @ 2020-12-03 17:04 JaneLifeVlog 阅读(692) 评论(0) 推荐(0)
elementui 表格 合计行
摘要：1.静态数据 arraySpanMethod ({ row, column, rowIndex, columnIndex }) { if (rowIndex 1) { // 合并第二行 if (columnIndex 1) { // 从第二列开始 return [2, 3] // 这里返回的是行和列 阅读全文
posted @ 2020-12-01 15:52 JaneLifeVlog 阅读(782) 评论(0) 推荐(0)