目录一、前言二、管理后台1.登录2.登录成功，进入欢迎页​编辑 3.视频分类管理4. 视频标签管理5.视频管理 6.评论管理​编辑 7.用户管理8.字典管理 （类似于后端的枚举） 9.参数管理（富文本录入） 10.管理员管理 三、移动端 1.首页 2.视频详情3.视频评论  4.我的 5.编辑资料6.我的关注​编辑 7.我的粉丝 8.我的视频​编辑9.登录、注册​编辑  四、关键代码实现1.后端项目结构图，idea开发工具2.数据库表脚本设计实现3.视频controller层4.后端开发文档访问5.项目端口号配置 6.移动端项目截图7.管理后台前端项目截图五、 总结一、前言项目包含管理后台、移

前言：     前端为了优化体验效果必不可少的就是加载框loading的使用。接口是异步的，获取数据是需要时间的，万一网络再卡顿下，总不能让用户干等着没数据的页面。那loading就必不可少了！一.   常规使用（进入页面加载使用，针对某一部分，比如页面中的表格数据）    针对任意想要加载的位置都可添加，在html的template中需要加载框的位置添加v-loading="loading"即可，使用loading变量来控制加载时机。loading为true的时候打开加载框，false关闭加载框。   一般使用是在加载页面时打开，接口获取完数据后关闭。exportdefault{data()

核心点：外层循环是item和index，内层循环是item2和index2如果都是定义的同一个属性名外层循环得写:prop="'block.'+index+'.numerical'"同理内层循环就得写:prop="'objectSpecs.'+index2+'.numerical'"校验函数方法:rules="getRules(item2,item2.name)"divclass="block"v-for="(item,index)inblock":key="index">el-formref="blockForm":model="item":rules="formBlockRule":inl

element-ui修改源码1.首先，从git上拉取element的源码2.安装依赖npminstall3.修改packages中的源码，然后进行打包npmrundist4.找到你的项目中的node_modules包下的element-ui文件夹下的lib包，用你修改好后打包生成的lib包进行替换即可生效下载链接在官网底部

自定义el-carousel-item指示器样式把指示器变成圆点/deep/.el-carousel__indicator--horizontal.el-carousel__button{width:15px;height:10px;background:#f2f2f2;border:1pxsolid#ffffff;border-radius:50px;opacity:0.8;border:none!important;}/deep/.el-carousel__indicator--horizontal.is-active.el-carousel__button{width:30px;heig

ElementUI更改下拉菜单el-dropdown-menu样式源代码：el-dropdown>el-buttontype="default">全部版本iclass="el-icon-arrow-downel-icon--right">i>el-button>el-dropdown-menuslot="dropdown"class="simu-dropdown">el-dropdown-item>黄金糕el-dropdown-item>el-dropdown-item>狮子头el-dropdown-item>el-dropdown-item>螺蛳粉el-dropdown-item>el-dr

先看看效果图：添加填空题： 添加单选题、多选题：对新增的题目可以上移、下移、编辑、删除操作： 效果大致就是这样，实现代码：{{index+1}}.{{item.problemName}}({{typeMap[item.problemType]}})：-->-->添加问题确认取消确定import{addQuestion}from'@/api/estate/guest/questionnaire'exportdefault{props:{//触发关闭父组件弹窗cancelAdd:{type:Function,default:null},},data(){return{radioBtn:'填空题',

一、导入el-date-picker组件在挂载的div里导入组件:其中value-format后是自己定义的日期格式，根据自己的需求去修改@change="dateFormat"是获取时间的方法v-model是绑定的数据type是获取的时间的数据类型，datetimerange是字符串类型我们就不需要toString了时间范围value-format="yyyy-MM-ddHH:mm:ss"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"@change="dateFormat">二、绑定获取的时间值在data数据

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢大家！博主在工作之余开始进行自动化测试平台的开发，虽然已经996一个月了但是还是在使劲挤时间做这件事情，目前平台使用前端框架vue-element-admin进行简化后二次开发，目前保留了原框架中的国际化、主题色、全局搜索、字体大小以及右侧悬浮设置菜单，更多细节后续会在系列文章中进行更新~问题描述在默认中文时，点击登录或者失去输入框焦点时测试时，表单验证消息没有问题如图1，此时如果切换到英文时就会出现验证信息还是中文的情况如图2所示点击注册按钮切换注册表单，此时会重置表单数据，所以不会出现验证提示信息与语言不符情况解决方法方法1使用

@element-ui改变单选框，多选框的颜色注意是写在less文件中，并在vue.config.js中配置@ztColor:#da222a;//全局单选多选按钮，选中颜色改变/deep/.is-checked{.el-checkbox__inner{background-color:@ztColor;border:1pxsolid@ztColor;}.el-checkbox__label{color:@ztColor;}}/deep/.el-radio{&.is-checked{&.is-bordered{border:1pxsolid@ztColor;}.el-radio__label{c