LESS 的 operation 是 特性

 LESS 的 operation 是 特性,其实简单的讲,就是对数值型的 value(数字、颜色、变量等)进行加减乘除四则运算。

例:

清单 1 . LESS 文件
1
2
3
4
5
@init: #111111;
@transition: @init*2;
.switchColor {
color: @transition;
}

经过编译生成的 CSS 文件如下:

清单 2. CSS 文件
1
2
3
.switchColor {
 color: #222222;
}

转载于:https://www.cnblogs.com/abelblog/p/7026750.html

PS D:\项目7 新途ERP\品质Web\NewWeb\Web> npm install --registry=https://registry.npmmirror.com npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@4.2.0 npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@undefined npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@5.90.3 npm warn node_modules/webpack npm warn peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1 npm warn node_modules/@soda/friendly-errors-webpack-plugin npm warn @soda/friendly-errors-webpack-plugin@"^1.8.0" from @vue/cli-service@5.0.8 npm warn node_modules/@vue/cli-service npm warn 18 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...) npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@undefined npm warn node_modules/webpack npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm error code EPERM npm error syscall mkdir npm error path C:\Program Files\nodejs\node_cache npm error errno EPERM npm error FetchError: Invalid response body while trying to fetch https://registry.npmmirror.com/less: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs\node_cache' npm error at C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:170:15 npm error at async Response.json (C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:75:17) npm error at async RegistryFetcher.packument (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:98:25) npm error at async RegistryFetcher.manifest (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:128:23) npm error at async #fetchManifest (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1202:20) npm error at async #nodeFromEdge (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1040:19) npm error at async #buildDepStep (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:904:11) npm error at async Arborist.buildIdealTree (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:181:7) npm error at async Promise.all (index 1) npm error at async Arborist.reify (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\reify.js:131:5) { npm error code: 'EPERM', npm error errno: 'EPERM', npm error syscall: 'mkdir', npm error path: 'C:\\Program Files\\nodejs\\node_cache', npm error type: 'system', npm error requiredBy: 'node_modules/less-loader' npm error } npm error npm error The operation was rejected by your operating system. npm error It's possible that the file was already in use (by a text editor or antivirus), npm error or that you lack permissions to access it. npm error npm error If you believe this might be a permissions issue, please double-check the npm error permissions of the file and its containing directories, or try running npm error the command again as root/Administrator. npm notice npm notice New major version of npm available! 10.9.2 -> 11.4.2 npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.4.2 npm notice To update run: npm install -g npm@11.4.2 npm notice npm error Log files were not written due to an error writing to the directory: C:\Program Files\nodejs\node_cache\_logs npm error You can rerun the command with `--loglevel=verbose` to see the logs in your terminal
07-09
(1)普通用户端(全平台) 音乐播放核心体验: 个性化首页:基于 “听歌历史 + 收藏偏好” 展示 “推荐歌单(每日 30 首)、新歌速递、相似曲风推荐”,支持按 “场景(通勤 / 学习 / 运动)” 切换推荐维度。 播放页功能:支持 “无损音质切换、倍速播放(0.5x-2.0x)、定时关闭、歌词逐句滚动”,提供 “沉浸式全屏模式”(隐藏冗余控件,突出歌词与专辑封面)。 多端同步:自动同步 “播放进度、收藏列表、歌单” 至所有登录设备(如手机暂停后,电脑端打开可继续播放)。 音乐发现与管理: 智能搜索:支持 “歌曲名 / 歌手 / 歌词片段” 搜索,提供 “模糊匹配(如输入‘晴天’联想‘周杰伦 - 晴天’)、热门搜索词推荐”,结果按 “热度 / 匹配度” 排序。 歌单管理:创建 “公开 / 私有 / 加密” 歌单,支持 “批量添加歌曲、拖拽排序、一键分享到社交平台”,系统自动生成 “歌单封面(基于歌曲风格配色)”。 音乐分类浏览:按 “曲风(流行 / 摇滚 / 古典)、语言(国语 / 英语 / 日语)、年代(80 后经典 / 2023 新歌)” 分层浏览,每个分类页展示 “TOP50 榜单”。 社交互动功能: 动态广场:查看 “关注的用户 / 音乐人发布的动态(如‘分享新歌感受’)、好友正在听的歌曲”,支持 “点赞 / 评论 / 转发”,可直接点击动态中的歌曲播放。 听歌排行:个人页展示 “本周听歌 TOP10、累计听歌时长”,平台定期生成 “全球 / 好友榜”(如 “好友中你本周听歌时长排名第 3”)。 音乐圈:加入 “特定曲风圈子(如‘古典音乐爱好者’)”,参与 “话题讨论(如‘你心中最经典的钢琴曲’)、线上歌单共创”。 (2)音乐人端(创作者中心) 作品管理: 音乐上传:支持 “无损音频(FLAC/WAV)+ 歌词文件(LRC)+ 专辑封面” 上传,填写 “歌曲信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值