- 博客(7)
- 收藏
- 关注
原创 vue 根据文档类型显示相应的类型图标
实现效果:具体代码如下:1、页面代码:<ul class="processlist" v-if="flow.length"> <li v-for="(item,index) in flow" @click="prewImg(item,index)" :key="item.id"> <div class="icons "> ...
2019-07-11 16:25:02 2201 2
原创 CSS规范 - 优化方案
CSS规范 - 优化方案一、值缩写缩写值可以减少CSS文件大小,并增加可读性和可维护性。但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项。比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是这个样式要关心的(如果设置了反倒会影响其他样式在这个容器上的...
2019-07-08 09:29:44 308
原创 组件在某一页面隐藏的实现方法
<m-header v-if="headType"></m-header>data(){ return { headType: true, }},watch:{/*监听路由appDesign时 隐藏header */ $route(e){ if(e.name == 'appDesign'){ this.headType = false }...
2019-07-05 11:08:33 390
原创 移动端@media自适应常用机型
/*Galaxy S5 landscape & portrait*/@media screenand (device-width: 360px)and (device-height: 640px)and (-webkit-device-pixel-ratio: 3) { .heightauto{ min-height: 60vh; }}/*ip...
2019-06-06 10:08:35 1125
原创 常见移动设备的 CSS3 Media Query 整理(iPhone/iPad/Galaxy/HTC One etc.)
@charset “utf-8”;/**iPhone 4/4s landscape & portrait*/@media only screenand (min-device-width: 320px)and (max-device-width: 480px)and (-webkit-device-pixel-ratio: 2)and (device-aspect-rat...
2019-06-06 10:02:41 166
原创 响应式布局媒体查询@media尺寸断点
**用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面 **1、移动端@media断点2、PC端响应式媒体断点@media screen and(min-width: 1100px) {body{font-size: 20px}} @media screen and(min-width: 1280px) {body{font-s...
2019-06-05 16:34:03 981
原创 iview table表格在项目中的应用(记录)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-05-24 15:01:36 386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人