как использовать динамические переменные без точек. Я имею в виду, как динамически присваивать значение в файле без точек. Там в любом случае?
файл style.less содержит
@url_image:
#head{ background: url(@url_image) no-repeat left top white;}
Как я могу присвоить значение во время выполнения?
Когда вы говорите о динамическом изменении в файле .less, я не уверен, почему вы хотите просто изменить его в меньшем файле. Если вы просто измените его в файле .less, вам придется скомпилировать файл, чтобы внести изменения в файлы style.min.css и style.css, что вы не можете сделать программно.
Вот что вы можете сделать:
$('#head').css('background-image', "url("new-source");
Так что jquery/javascript - ваш лучший выбор
Есть несколько способов сделать это. В моем случае в БД хранится как меньшее содержание, так и динамические параметры. Вы можете сделать что-то подобное, если хотите изменить цвет шестнадцатеричного кода, например:
var parser = new dotless.Core.Parser.Parser();
var env = new dotless.Core.Parser.Infrastructure.Env { Compress = true, Debug = true, KeepFirstSpecialComment = false, DisableVariableRedefines = false };
var tree = parser.Parse(css.Detail.Text, null);
foreach (var key in layout.LessDetails.CurrentValues.Keys)
{
var rule = tree.Variable("@" + key, tree);
if (rule != null)
{
string value = layout.LessDetails.CurrentValues[key];
if (value != null && value.StartsWith("#"))
{
rule.Value = new dotless.Core.Parser.Tree.Color(value.TrimStart('#'));
}
}
}
css.Detail.GeneratedText = tree.ToCSS(env);
Это не окончательное решение, поскольку существует много других типов параметров, но оно должно привести вас в правильном направлении. Посмотрите dotless.Core.Parser.Functions для получения полезной информации о различных параметрах.
Как вариант, есть еще один простой вариант. С помощью приведенного выше кода вы можете просто добавить измененные переменные в конец строки css.Detail.Text. На самом деле именно так работает метод ModifyVars в файле less.js. Повторное добавление параметров в конце отменяет предыдущие установленные значения.
Это можно сделать, если вы вручную проанализируете и выведете файл без точек.
var config = DotlessConfiguration.GetDefaultWeb();
config.DisableVariableRedefines = true;
string less = File.ReadAllText(fileName);
StringBuilder sb = new StringBuilder(less);
sb.AppendLine(string.Format("{0}: {1};", "@url_image", "image.jpg"));
return LessWeb.Parse(sb.ToString(), config);
