分类：换肤

2021
02-21

原生JavaScript实现换肤

原生JavaScript实现换肤的具体代码，供大家参考，具体内容如下原理通过点击事件，获取点击的的图片的信息，在HTML背景图片的路径改变css样式<style>body{margin:0;padding:0;background:url(img/1.jpg)no-repeat;background-size:100%100%;}#box{width:100%;height:130px;background:#999999;}#boxul{margin:0;padding:0;list-style:none;}#boxullili,#boxulliimg{width:180px;height:120px;float:le... 继续阅读 >

2020
09-28

Vue + Scss 动态切换主题颜色实现换肤的示例代码

根据预设的配色方案，在前端实现动态切换系统主题颜色。大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。一、首先需要给项目下载配置Scss1.安装依赖npminstallnode-sasssass-loader--save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{test:/\.scss$/,loaders:['style','c... 继续阅读 >

2020
09-24

基于Android-Skin-Loader实现换肤效果

skin-loader框架的换肤是通过插件化的形式替换资源文件，实现换肤效果。好处是可以在线更新皮肤换肤android-skin-loader源码Demo样例流程整个框架大概的流程是加载皮肤包，找到被标记的控件，通过自定义的Factory工程过滤掉其他控件，使用皮肤包中的资源文件更新被标记的ui。使用操作1、导入android-skin-loader框架包androidStudioFile->new->importModule选择android-skin-loader项目右键->openModuleSetting->app中加载... 继续阅读 >