首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

小程序换肤

导语 换肤,对于前端来说不算常见,却也肯定不陌生。但是大家有考虑过小程序端的换肤吗?今天我们就来聊一聊小程序的换肤。 ?...就像女人的衣柜里永远少一件衣服一样,一个应用可能也少一套皮肤,这里就涉及到换肤了。说起换肤,对于前端来说不算常见,却也肯定不陌生。...所谓的换肤,无非就是颜色值的更换,在一般的前端项目中,实现的方法有很多种。但是大家有考虑过小程序端的换肤吗?!!...换肤需求 一般来说换肤需求分两种: 一种是静态换肤,提供几种可选择的颜色/主题样式,进行选择切换,一般可供选择的主题样式不会太多; 另一种是动态换肤,可自定义色值,可通过取色板取色或者后端接口下发,可选择的范围比较大...; 传统前端换肤方案 在聊小程序的换肤方案之前,我们大概看一下一般前端项目常见的换肤方案以及优缺点: 1、class 命名空间 这个应该是最简单的换肤方案,利用class 名称准备两个主题

2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在线动态换肤思路

    很早之前就在想在线换肤的实现思路,主要是之前有个项目有换肤,连布局图片都不一样,无能为力,只好写不同页面,然后通过打包的时候配置删除和替代文件实现,但是在线换肤还是没去做。...今天分享一下换肤的思路,只是单纯的颜色替换,没有包括连布局图片都不一样的换肤。 跟国际化一样,方案可能不难,难的是开发业务的时候很繁琐,写的不好就很难维护。...还有之前有提到过的css in js在这种换肤场景下好像也非常的合适。...自己知道的在线换肤的思路只有这三种了,如果真的有需求要做在线换肤功能,还真不知道哪种会比较好,只能是自己选型了,真正涉及项目的时候,可不只是这样说说而已,会碰见什么坑就不好说了。...讲道理,现在应该没多少在线换肤的功能网站了吧。 自己感觉还是有点不对劲,希望有做过换肤项目的(不只是demo)可以指点一波。 (完) Coding 个人笔记

    1.1K20

    《前端技巧复盘》使用纯css实现网站换肤和焦点图切换动画

    你将收获 •网站换肤设计方案介绍 •:target伪类介绍和用法以及如何使用css实现网站换肤 •transition动画以及如何用纯css实现焦点图动画 效果展示 1.网站换肤 2.焦点图动画 实现思路...1.网站换肤 通常我们实现网站换肤都基于如下方式实现: •方案一: 使用OOCSS模式,通过js动态切换公共类名来达到换肤效果 •方案二: 点击不同的按钮切换不同的样式表,如下: •theme-green.css...样式表 以上几个方案都可以实现一定程度上的换肤效果,但是如果是一些基础性的换肤,比如网站的背景样式,某个按钮的样式,某块内容区域的样式等等这种局部的换肤,我们能不能直接用css来实现呢?...答案是可以的,接下来我们就来看纯看css如何实现网站换肤. 在实现换肤之前,我们需要了解一个知识点,那就是a标签的:target伪类....了解这个伪类之后,我们的网站换肤就很容易实现了,比如说我们要实现网站背景色的换肤,我们可以预先准备几个背景色的容器, 然后用a标签的href锚点分别对应相应的背景元素id,然后当点击背景色的时候调整背景容器的层级

    3.8K30

    想做HTML5公司网站网站是改版好还是重新做个新网站

    国际上现在比较流行的企业网站基本上都已经替换成HTML5新一代网站制作技术,这类的网站可以在电脑端、平板端、手机端自动适应页面排版展现,在各种浏览终端上均具有非常优质的用户体验,是最新的网站设计制作趋势...目前在国内,很多知名的企业尤其是外资及合资企业网站正已经或正在转变成为HTML5响应式网站。...那么作为目前还是普通网站的广大企业来说,如果想做个HTML5网站,是将原网站改版好呢,还是重新做个新网站好? 这种情况下往往要具体情况下综合考虑而定。...往往从原网站程序质量、SEO程度、改版难易度、预算等方面来综合考量。 1,原网站程序代码质量度 如果原网站程序经常会有问题,被黑的情形比较常见,那么最好还是重新做个HTML5网站。...3,网站改版难易度 由于做网站改版,网站制作建设公司还需熟悉原网站代码,由于原网站之前的程序代码水平不太一致,因此改版难易程度也不大一样,如果改版难度较大,不如新做个网站合适。

    1.2K00

    Hook源码实现阿里无闪烁换肤

    那么能不能要实现一个全app内的一键换肤,一劳永逸~~~ 2 正文大纲 2.1 什么是一键换肤 2.2 界面上哪些东西是可以换肤的 2.3 利用HOOK技术实现优雅的“一键换肤" 2.4...一些换肤实现方式的对比 方案1:自定义View中,要换肤,那如同引言中所述,toggle方法,invalidate重绘。弊端:换肤范围仅限于这个View....在我换肤之前,和换肤之后,是不同的。...如题,我是用hook实现一键换肤。...收集我们需要换肤的View(用自定义view属性来标记一个view是否支持一键换肤),保存到变量中劫持了 系统创建view的逻辑之后,我们要把支持换肤的这些view保存起来 加载外部资源包,调用接口进行换肤外部资源包

    1.4K10

    《前端5分钟》之使用纯css实现网站换肤和焦点图切换动画

    你将收获 •网站换肤设计方案介绍•:target伪类介绍和用法以及如何使用css实现网站换肤•transition动画以及如何用纯css实现焦点图动画 效果展示 1.网站换肤 ? 2.焦点图动画 ?...实现思路 1.网站换肤 通常我们实现网站换肤都基于如下方式实现: •方案一: 使用OOCSS模式,通过js动态切换公共类名来达到换肤效果•方案二: 点击不同的按钮切换不同的样式表,如下:•theme-green.css...以上几个方案都可以实现一定程度上的换肤效果,但是如果是一些基础性的换肤,比如网站的背景样式,某个按钮的样式,某块内容区域的样式等等这种局部的换肤,我们能不能直接用css来实现呢?...答案是可以的,接下来我们就来看纯看css如何实现网站换肤. 在实现换肤之前,我们需要了解一个知识点,那就是a标签的:target伪类....了解这个伪类之后,我们的网站换肤就很容易实现了,比如说我们要实现网站背景色的换肤,我们可以预先准备几个背景色的容器, 然后用a标签的href锚点分别对应相应的背景元素id,然后当点击背景色的时候调整背景容器的层级

    4.1K20
    领券