katy_1-优快云博客

原创 flex布局小实例

这是一个flex布局小实例。flex布局总是在用过后忘了，写这个博客是方便自己日后查看。实现效果：在实现效果之前先了解一下flex布局。1.flex属性是flex-grow,flex-shrink和flex-basis的简写，默认值是0 1 auto。后两个属性可选。建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值。2.flex-grow属...

2019-11-19 10:45:31 322

原创更改layui 默认单选框radio样式

更改后效果展示：html：<div class="container"> <form class="layui-form" action=""> <h2>自定义样式</h2> <div class="layui-form-item"> <div class="layui-...

2019-09-29 22:44:09 14587

转载 NPM install -save 和 -save-dev 傻傻分不清

为了以后方便查看文章，所以将文章copy了过来转载文章地址：https://www.cnblogs.com/limitcode/p/7906447.html回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异...

2019-05-30 10:56:49 265

转载 window的location对象详解

文件转载处-简书：window.location对象详解window.location对象不仅可以获得当前页面的地址（URL），还能够将浏览器重定向到新的页面。打开google浏览器，调出调试工具，在console一栏中输入window.location，出现如图所示（包含location的多个属性）：接下来以http://www.myurl.com:8866/test?id=1...

2019-04-10 16:20:14 1228

原创 vue+element-ui table 单元格嵌套popover组件

需求：点击表格列为问题的单元格，弹出问题详情。展示为:在element-ui表格组件中嵌套popover组件，会用到slot（插槽），将自定义的模板（el-popover）插入到表格的某一列中。HTML代码如下： <el-table :data="tableData" border :cell-style="cellStyle"> ...

2019-02-19 23:04:07 17638 3

转载 element-ui table 只展开一行数据 table数据通过调接口获取

借鉴博客：https://blog.youkuaiyun.com/qq_31126175/article/details/79807133需求：表格展开行只展示一行（其实是为了避开另一个问题：展开多行数据，最后一次展开的数据会覆盖之前展开行数据）html： <el-table :data="tableData" @expand-change="rowExpand"> ...

2018-12-20 11:21:15 7987 9

原创 element-ui 动态限制日期选择范围

效果图：逻辑：根据任务时间选择的日期范围来限制收单日期范围html：<el-form :model="form" :inline="true" ref="form" class="form" label-width="80px"> <el-form-item label="任务时间"> &l

2018-12-18 22:30:03 2870

原创 vue+element-ui table 实现表格分页

分页html代码： <p style="text-align:right;"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" ...

2018-12-14 23:46:15 2964

原创 vue+element-ui table 实现表格评分

本文将实现从后台读取评分数据，并以星花的形式展现在表格中。具体展现如下图所示：具体代码如下：<el-table-column prop="evaValue" label="评分"> <template slot-scope="scope" > <!-- <el-rate v-model="scope.row.evaValu

2018-12-14 23:30:08 7891 3

原创通过css实现单选按钮效果

刚刚入门（可能还没入门）的小前端，遇见两次实现单选按钮的效果，如下：现在总结一下实现这两种样式的代码。第一种：<form action="#"> <div class=" info "> <div class="radiobox "> <input type="radio" id=

2018-04-03 17:31:54 14936

katy_1的博客