josiecici的博客

原创 element 修改 el-form 最后一个的样式

/deep/ .el-form-item.lastItem { margin-bottom: 9px; label.el-form-item__label { padding-right: 3px !important; } }

原创 element .el-icon-arrow-up:before 替换icon

原创 element input clearble 样式

/deep/ .el-icon-search{ font-size:18px;}/deep/ .el-input__clear{ font-size:18px}

原创 element el-dropdown 样式

去掉小三角形（两句）.el-popper .popper__arrow::after { content: none;}.el-popper .popper__arrow { border: 0;}样式(ul包着li)ul ： .el-dropdown-menuli: .el-dropdown-menu__item.el-dropdown-menu { border:none; color:#666; border-radius: 0; paddi

原创 原生input 框编写

<style> input { /* 内部黑色阴影 */ outline-style: none; border:0; border-bottom: 1px solid #ccc; padding: 7px 0; width: 180px; font-size: 24px; /* 外部阴..

原创 this.$refs.XXX.$el.style 修改style样式

原创 vscode 更改主题颜色

在vscode安装程序内找到以下的json配置 修改保存过后重新打开即可D:\VScode\Microsoft VS Code\resources\app\extensions\theme-defaults\themes

转载 watch 监听

深度监听

原创 vue + arcgis api 去掉esri 默认的底图的logo

加入以下样式即可<style>.esri-ui-manual-container > .esri-component { display: none;}</style>

原创 element Notification 样式调整和事件

原创 vue+arcgis api 加载4.X 版本底图（初入）

导入在线js和css包，安装完esri-loader，就可以导入使用官网的js和css很慢，建议自己部署一个本地或者去找免费的，方便开发代码4.X 版本 跟3.X版本具体加载方式要看官网api 这里我使用的.then()才加载出来的。<template> <div class="baseMap" id="mainMap" > </div></template><script>import * as e

原创 element table header样式

方法一:header-cell-style="{background:'#F5F5F5',color:'#000'}"方法二在el-table标签中使用方法：<el-table :header-cell-style="rowClass"></el-table>然后在method里面写上方法：rowClass({ row, rowIndex}) { console.log(rowIndex) //表头行下标 return 'background:#F3

原创 element table align=center

全部都居中了orz

原创 element el-button样式

.el-button { border-radius: 2px; padding: 0; width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; font-size:12px; }

原创 element table 键值对

// 2020.6.10 李瑶修改表格样式<template> <div> <div class="resultTable bk_dialog_right"> <div class="bk_title"> <div class="bk_dialog_close" @click="closeDialog" ><i class="el-icon-cl

原创 element table border

部分个border的位置

原创 监听 如果屏幕宽度小于某个值 则收缩左边导航

mounted() { // 监听 如果屏幕宽度小于某个值 则收缩左边导航 // 网页可见区域宽：document.body.clientWidth // 网页可见区域高：document.body.clientHeight // 网页可见区域宽：document.body.offsetWidth (包括边线的宽) // 网页可见区域高：document.body.offsetHeight (包括边线的宽) window.addEventListener(..

原创 组件复用时 多种样式不同的问题

如上图所示：左边表格是个组件，表格内默认样式为tableFile当我们在使用组件的时候，想要其他的样式但是又要不影响其他组件使用时候的样式时，就将新的样式写在后面，然后在组件上写上class，因为写上的class会注入到组件中，所以不能直接写个class注入，因为会作用到所有使用到的组件中，所以这里我们直接在组件内写上两个，当写的class为后一个的时候，则用后面的tableFile2样式。当没写的时候，则会使用默认的tableFile类。...

原创 z-index 用法

z-index 用法：要找同级的盒子去设置，这样才可以设置成功

原创 float 清除浮动

clearfix最好的方法是使用clearfix属性，下面的代码适用到IE6。.clearfix:after { clear: both;}

原创 vue 父子传参

子传父父传子

原创 null和undifined

原创 input type=file 样式

通过定位将左上角的框移除到按钮外即可

原创 上传文件时候 input 悬停cursor：pointer 无效解决办法

给input框的font-size设置成0 即可成功设置成pointer样式