vue菜单横向展示

横向显示列//横向展示需要样式修改.el-menu--horizontal .el-menu-item {float: left;height: 60px;line-height: 60px;margin: 0;border-bottom: 2px solid transparent;border-bottom-width: 2px;border-bottom-...

Xiaolizhang_sf

7009人浏览 · 2019-04-24 16:59:09

Xiaolizhang_sf · 2019-04-24 16:59:09 发布

横向显示列

//横向展示需要样式修改

.el-menu--horizontal .el-menu-item {

float: left;

height: 60px;

line-height: 60px;

margin: 0;

border-bottom: 2px solid transparent;

border-bottom-width: 2px;

border-bottom-style: solid;

border-bottom-color: transparent;

color: #909399;

}

.el-menu--horizontal .el-submenu {

float: left;

}

.el-submenu__icon-arrow {

position: static;

vertical-align: middle;

margin-left: 8px;

margin-top: -3px;

}

.el-menu--horizontal .el-submenu.is-active .el-submenu__title {

height: 60px;

line-height: 60px;

border-bottom: 2px solid #409EFF;

color: #303133;

}

表

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^