body { font-family: Microsoft YaHei, Helvitica, Verdana, Arial, san-serif; font-size: 12px; } /*刷新*/ .el-refresh{ position:absolute; width:30px; height:30px; right:5px; top:20px; z-index:100; } .el-icon-refresh{ width: 32px; height: 32px; cursor: pointer; } /*搜索*/ .seachClass{ display: flex; flex-wrap: wrap; padding-top: 25px; } /*==================表单页面的样式=================*/ .el-steps { margin: 20px; } .el-form { /*margin-right: 10px;*/ background-color: #fbfbfb; border-radius: 4px; padding: 8px; /*padding-right: 20px;*/ /*box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)*/ } .buttonSpan { z-index: 100; line-height: 25px; position: fixed; left: 30%; bottom: 0px; } .el-backtop { position: fixed; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; color: #409eff; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, .12); cursor: pointer; z-index: 5; } /*================上传图片相关=====================*/ /*图片box*/ .imgBox { display: flex; flex-wrap: wrap; padding-bottom: 60px; } /*图片*/ .imgItem { width: 145px; height: 145px; display: flex; flex-direction: column; justify-content: center; text-align: center; cursor: pointer; border-style: solid; border-color: #c6e2ff; border-width: 1px; border-radius: 6px; margin: 15px 15px 0px 15px; padding: 2px; } /*图片显示(背景)*/ .imageShow{ height:145px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 6px; } .showHide { position: relative; left: 50px; color: #000000; } /*图片名称效果*/ .nameSpan{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; text-align: center; background-color: #ffffff; color: #000000; margin-top: 106px; opacity:0.7; } /*选中遮住效果*/ .selectCheck { position: relative; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.45); text-align: center; border-radius: 6px; }