自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 2131 2

原创 CSS规范 - 优化方案

CSS规范 - 优化方案一、值缩写缩写值可以减少CSS文件大小,并增加可读性和可维护性。但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项。比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是这个样式要关心的(如果设置了反倒会影响其他样式在这个容器上的...

2019-07-08 09:29:44 282

原创 组件在某一页面隐藏的实现方法

<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 362

原创 移动端@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 1105

原创 常见移动设备的 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 150

原创 响应式布局媒体查询@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 952

原创 iview table表格在项目中的应用(记录)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-05-24 15:01:36 377

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除