Less变量动态修改

这里写自定义目录标题

引入less文件
动态改变less变量

引入less文件

需要将less.js和需要动态改变变量的的less文件复制到public目录下。在index.html文件中引入

<link rel="stylesheet/less" href="<%= BASE_URL %>ant-form.less">
<script src="<%= BASE_URL %>less.min.js"></script>

需要注意的是stylesheet/less不能省略。否则less.js中的文件类型判断会将less文件忽略

动态改变less变量

created() {this.changeLessVar()
}
changeLessVar() {// 正确的判定less是否已经加载less.modifyVars可用if (!window.less || !window.less.modifyVars) {return}const lessVars = {}if (this.config.lessFields && this.config.lessFields.length > 0) {this.config.lessFields.forEach(item => {lessVars[item.lessVar] = item.lessValue})}if (this.config.labelWidth) {lessVars['@minWidth'] = this.config.labelWidth}// less.modifyVars可用window.less.modifyVars(lessVars).then(() => {console.log('less变量设置成功')}).catch(() => {console.log('less变量设置失败')})}

Less变量动态修改相关推荐

uniapp图片不显示 - 变量动态修改图片地址不生效 - 图片src路径错误
效果图完整代码 <template><view><image :src="popupImgSrc1" mode="aspectFit&qu ...
js动态变量名_scss引入其他scss变量，并通过js动态修改scss变量
a.scss .test{ background:red;} 1 2 3 b.scss $bgColor: red; 1 1.a.scss需要引入b.scss中的变量 a.scss(只要引入成功后,修 ...
动态修改el-input样式；动态修改elmentUI元素样式；css变量
场景:正常我们动态修改div元素的样式,使用:style和:class即可:但是我们想要动态修改element的组件样式时候,例如el-input字体颜色,由于el-input的样式嵌套很深,我们需要 ...
maven 根据P参数值打包动态修改properties文件中值或一定properties
http://www.tuicool.com/articles/Mj2EzqN 由于本人最近忙着公司事情,昨天没有写博客,今天就继续写吧需求:由于最近开发clover项目 ,没有使用spri ...
php经典实例使用正则动态修改配置文件
================================================ php基础示例--正则表达式--动态修改配置文件 ========================== ...
VS2010 MFC中控件、对话框等背景颜色动态修改的方法
通过类向导,或者手动添加消息:WM_CTLCOLOR,其消息响应函数为: afx_msg HBRUSH OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) ...
linux 修改docker配置文件,dockerfile动态修改服务配置文件(示例代码)
主要是利用命令envsubst能实现变量的替换并生成新得配置文件以及docker命令行的变量输入等. 本次实验主要是编写flume镜像,并在容器启动(docker run)时动态修改配置文件并启动,并 ...
【VS开发】VS2010 MFC中控件、对话框等背景颜色动态修改的方法
[VS开发]VS2010 MFC中控件.对话框等背景颜色动态修改的方法标签(空格分隔):[VS开发] 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 说明: ...
uniapp 微信小程序配置全局主题色、实现动态修改主题色
前言: 本文的实现目标是全局配置小程序的整体主题色,包括本地图标的色调.第一步实现在本地可以统一修改整体的主题色以及本地图标的颜色:第二步实现通过后台接口动态调整小程序前端的整体主题色以及本地图标颜色 ...
动态修改窗口标题和类名
反外挂会检测外挂标题和类名,所以我们要实现每次启动外挂都会修改标题和类名.具体方法如下还有自己写的API hook代码以供后来人参考修改窗口标题字符串"无标题-Test" < ...

Less变量动态修改

这里写自定义目录标题

引入less文件

动态改变less变量

Less变量动态修改相关推荐

最新文章

热门文章