important;/* 设置表头颜色 */color:#fff;/* 设置表头文字颜色 */// background-color:#FAFAFA;// color:#252525;border:1px solid f5f5f5;}/deep/.el-table.cell{// font-weight: 700;font-size:16px;padding:0;}.gzlWrap{// border-bottom:1px solid #dfdfdf;&:last-child{border-bottom:none;}...
@是我们在vue.config.js中设置的一个路径别名,指定src根目录,这样可以很方便的寻找文件 设置手机号和密码的字体颜色 $light_gray: #68b0fe;//将输入框颜色改成蓝色 设置输入表单整体背景色 .el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.7);//...
目前可以通过unpkg.com/element-ui获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。 <!-- 引入样式 --><!-- 引入组件库 --> 我们建议使用 CDN 引入 Element 的用户在链接地址上锁定版本,以免将来 Element 升级时受到非兼容性更新的影响。 Hello world 通过CDN 的方式我们可以很容易地使用 El...
2.页面搭建 在本次案例中,小编采用Element-ui快速搭建前端页面,以提高效率。如果不了解的话,可以去官网看一下 2.1安装element-ui 通过npm install element-ui -S 安装前端ul框架,安装完之后,并在main.js引入 代码语言:javascript 代码运行次数:0 运行 AI代码解释 importElementUIfrom'element-ui'import'element-ui...
点赞支持下吧,让更多的人也能看到这篇内容(收藏不点赞,都是耍流氓 -_-) 欢迎在留言区与我分享你的想法,也欢迎你在留言区记录你的思考过程。 前端vue.jselement-ui 阅读3.7k发布于2020-11-23 鹿老师的Java笔记 111声望35粉丝 « 上一篇 【编程鹿】学Vue.js这一篇就够了「万字学会|通俗易懂」下篇 ...
border-bottom: 0.0052rem solid #0076c8; border-right: none; } /deep/.el-table tbody tr:hover > td { background-color: rgba(60, 72, 96, 0.3) !important; color: #91c9fc; cursor: pointer; } /deep/.el-table tbody tr.expanded:hover > td { ...
对应的js文件如下 import axios from 'axios' // 测试 EXCEL数据导入ES export function excelToolImport (obj) { return axios.post( '/tool-station/testExcelTool',obj ) } 1. 2. 3. 4. 5. 6. 7. 对应的后端接口 @RequestMapping(value = "/testExcelTool", method=RequestMethod.POST) ...
<!--登录表单区域--> <el-form ref="loginFormRef" :model="loginForm" :rules="loginFormRules" label-width="0px" class="login_form"> <!--用户名--> <el-form-item prop="username"> <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input> ...
{ width: 100%; height: 1px; opacity: 0.1; border-bottom: 1px solid #57b6fa; margin: vw(10) auto; } .comAddBatch-row { width: 100%; height: 52px; display: flex; align-items: center; padding: 0 1vw; font-size: 0.9vw; color: #1883d0; font-family: "Microsoft YaHei"; } ....
2.在main.js中配置element UI import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false /*导入路由组件*/ import router from './router/index.js' Vue.use(router); /*导入ElementUI*/ import ElementUI from 'element-ui'; ...