1

实现主题的自定义

我要开发同款
shyechou2023年11月06日
120阅读
开发技术JavaScript
所属分类typescript、element-uivue

作品详情

1、学员端的考试竞赛支持主题的定义,本人负责的是在管理端对学员端的主题进行自定义更换,存给后台,学员端可以进行动态的展示
2、使用的是Vue3框架+Element-plus+ts+js,用户鼠标移动到可以编辑的区域,就是展示可编辑的框,点击可以打开弹框进行编辑,上传图片,进行图片和主题的自定义,元素支持背景色的更换,圆角的自定义和背景图的更换。
3、难点一:可支持的自定义模板有很多,因为学员端的页面有很多
解决方案:鼠标以上显示框框,点击显示抽屉,等操作,写一个通用的方法,封装成一个组件,中间预留一个插槽,用于插入静态的模版。
难点二:如果判断那些元素是可以定义的?
解决方案: 后台返回对象,通过isEdit字段判断是否当前元素可以定义,使用:class绑定到dom元素中,通过getElementByClass获取所有可以编辑的元素的集合,如果可以编辑,就动态加上框框的样式,在通过绑定唯一的id值,选中一个,其他的样式都取消,展现给用户鼠标移动到元素上就显示框框的效果。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论