最近做了一个需求，后台管理系统添加一个可以动态修改ant-design主题色。查询了大多数的文章，发现基本都是抄来抄去，而且文章记录的也一点也不详细。刚刚把这个功能做完了，顺便记录一下如何去修改主题色。主要使用到的包是antd-theme-generator。使用起来非常方便，而且在热更新时，不会出现 js 内存爆栈现象。主题思想：主要使用 antd 的 less 变量，修改全局的 less 变量
硅谷后台系统 Antd V4更新以及添加分类因为AntdV4的更新，有很多方法与功能都已经废弃；所以我的代码和视频源码有些许不同，又不懂的地方可以与我私信，或者查阅官方文档。很多有坑的地方我都做了详细的注释。1.1我们首先处理更新分类的组件,先修改你的UpdateForm.js中的代码import React, { Component } from 'react';
import PropType
React 之配置Antd按需加载,less定制主题色搭建React环境，创建入门demo，并配置Antd按需加载及使用less，自定义主题色安装Reactyarn global add create-react-app#或npm install -g cre
原创
2022-01-12 15:07:23
700阅读
一些废话在前端的飞速发展下，这十年里，前端从美工切图仔演变成如今的大前端，在互联网时代中占据越来越重要的位置。前端工程化，模块化成为前端提效利器。越来越多公司也开始重视，开始搭建适用于公司内部，或者业务线内部的组件库。这篇文章将遵循 是什么 为什么 怎么做 来一起搭建业务组件库，或者太长不想看直接看代码npm 包主页
【注意】这里用到的是react react-dom antd都是较新版本，如果你
思路先定义好主题库,然后通过js切换css跟节点来更换主题技术细节1. 初始化 首次进入或浏览器刷新时，将记录的主题状态赋值到body和js逻辑 1.通过body控制全局样式 2.js主要控制logo图片切换，矢量图切换，图表canvas主题切换及初始化处理2. 存储vuex： 优点：可以和vue高度融合进行双向绑定赋值 缺点：不能实现浏览器存储localstorage： 优点：可以实现浏览器存储
为了使用文件服务器，调用者首先必须创建一个由RFs 类的实例来表示的文件服务器会话。通过调用Connect()来初始化文件服务器会话，Connect()会返回错误代码。客户端应负责关闭已经连接的文件服务器会话。如果文件服务器会话是一个局部变量，那么客户端应该使用清除栈以确保如果发生异常退出(Leave)会话被关闭。RFs fs;User::LeaveIfError(fs.Connect()); /
转载
2024-09-13 09:12:25
2阅读
一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject Cesium静态资源需要webpack配置，执行npm run eject可以生成webpack配置，运行前先查看当前git版本是否有提交，如果未提交，需要先本地提交git，否则npm run eject会执行失败。（
原创
2024-08-27 08:41:18
319阅读
大厂技术 高级前端 Node进阶点击上方 程序员成长指北，关注公众号回复1，加入高级Node交流群前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家可根据需求综合分析得出一套适用的方案。
antd百分比步骤条（Steps+Progress）、页面内锚点跳转、重写antd组件样式
因为antd版本和具体需求问题，antd中带有进度的步骤（4.5.0）不能完全实现。所以自己组合了几个组件，自定义了百分比步骤条。需求：步骤条图标显示百分比进度，100%会显示☑️。1、基本样式2、使用到的组件Step参数说明类型默认值版本className步骤条
转载
2024-05-20 22:08:02
264阅读
最近react项目，用的antd框架，然后看见他的antdPro例子里面有个定制功能很帅，老大说做，那就做吧，鼓捣了一晚终于实现了。先看预览效果吧css换肤入行前端的时候经常看鱼哥(张鑫旭)的博客，记得看过 这篇 ，当时很惊叹，原理其实很简单，就是我们最能想到的方式，多个css，然后用JS替换从而达到换肤效果。但是这个有局限性，比如我们用的是antdUI库，我们不可能每个颜色都去搞个css吧。当时
转载
2024-06-14 06:41:51
298阅读
项目目标是做一款小程序 实现房间预订、在线点单、会员卡券积分管理的功能，并且同步实现一套H5版。没错，最佳实现方案是uni-app或者taro。听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app,决定使用taro做个demo尝试了一下觉得还不错,只
转载
2024-07-23 08:51:37
528阅读
背景想到用Row,Col绘制word申请表，首先他的span属性调节可能更方便一些，而且整体使用起来也是React风格，避免了使用tr, td这种原生的标签带来一系列属性错误以及不兼容。 当然了我使用tr,td完成了一版，踩了一些坑，如果你想用这种方式，希望这篇文章可以帮到你。开始coding说一句，嫌啰嗦直接拉到最后，拷贝一下就能用。 当我一开始使用的时候JS文件代码是这样的。<div c
转载
2024-09-29 10:35:44
132阅读
Ext grid显示的行记录背景颜色都是一样的，这样不容易区分不同行的颜色、方便用户区分不同的记录。
改变单元格背景颜色的方法有几种，由简单的说起吧！
第一种情况：加载数据时改变列的颜色。这种方式是通过Ext.grid.ColumnModel中某一列的renderer 函数来实现的。
首先定义一个样式如下：
.x-grid-record-gray{
backgroun
无DNS安装VCSA7.0.3（VMware vCenter Server Appliance）本文为学习使用过程，如有错漏请随意批评指正，谢谢！ 前提：ESXI 7.0U3已安装在windows环境中，打开安装包（网络与ESXI互通） 安装VCSA: 点击安装右上角可选择语言第一阶段 1 直接下一步：第一阶段 2 接受许可，下一步第一阶段 3 VCSA部署位置，按说明填写ESXI信息，下一步证书
转载
2024-07-12 01:31:01
95阅读
文章目录前期准备切换的主题涉及到两种模式： 1、默认主题 2、黑夜主题一、切换主题需求分析二、代码详解1.目录介绍2.切换主题方法代码3.主题的使用4.原项目中的更改1.全局色值都改为变量形式( js的色值从store中取)2.设置scss的16进制变量（踩坑）1.方式1`（错误）`2.方式23.增加配置文件(粗略浏览即可)4.element ui配置文件放在public静态文件中5.chr
转载
2024-09-14 09:37:27
322阅读
变量值的替换：使用指定字符（串）替换变量值中的后缀字符（串）。语法格式：$(var:a=b)或${var:a=b}
替换表达式中不能有任何的空格.
make中支持使用${}对变量进行取值。
src :=a.cc b.cc c.cc
obj :=$(src:cc=o) //(a.o b.o c.o)
test :
@echo "obj =>$(obj)"
变量的模式替换：
使用%保留变
通过前面章节的介绍，我们基本上完成了wordpress主题trans的动态模板的编写。我们创建了首页模板、列表页模板、文章页模板、搜索页模板，以及公共模板头部模板、底部模板和侧边栏模板。我们还为trans主题添加了一个后台的主题设置页面，使用trans主题的功能更加完善和友好。但是，我们又发现一个小问题——在前台网页的源代码中，所有页面都显示的是同样的关键词和描述(如下图)，都是我们在后台的主题设
前言业务要求要做一个主题色切换，类似于暗黑模式，以前没有做过于是在网络上搜罗现成的解决方案，由于是vue2的项目，找了很久都没有找到一个好的方便的解决方案，最后在github找到一个使用css3的解决方案，觉得十分不错，也很简单明了，于是就拿来直接用了，参考的github项目地址：https://github.com/LiuyangAce/theme-switch/tree/master，可以参考
转载
2024-09-01 23:10:14
145阅读
react中修改antd主题色？ ...
转载
2021-09-21 00:03:00
324阅读
2评论
yarn add antdyarn add @ant-design/iconsyarn add moment // 配置andt 主题yarn add @craco/craco// 修改配置命令 "scripts": { "start": "craco start", "build": "craco
原创
2021-08-23 13:35:29
1155阅读
