最近在用 Less 写样式,发现它真的太强大了!特别是变量和混合宏,大大提高了代码复用性和可维护性。举个例子:
这样写不仅简洁,而且修改颜色只需改一处,整个项目都能同步更新。爱Less!
// 定义颜色变量
@primary-color: #1890ff;
// 使用混合宏创建按钮样式
.button {
background-color: @primary-color;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
}
.primary-button {
.button();
font-size: 16px;
}这样写不仅简洁,而且修改颜色只需改一处,整个项目都能同步更新。爱Less!
登录/注册