◆
Sass string 字符串函数用法大全
sass 中有关 math 的函数操作
quote($string): 给字符串添加引号。index($string, $substring): 返回substring子字符串第一次在string中出现的位置。如果没有匹配到子字符串,则返回null。insert($string, $insert, $index): 在字符串string中index位置插入insert。length($string): 返回字符串的长度。slice($string, $start-at, $end-at: -1): 从string中截取子字符串,通过start-at和end-at设置始末位置,未指定结束索引值则默认截取到字符串末尾。to-upper-case($string): 将字符串转成大写to-lower-case($string): 将字符串转成小写unique-id(): 返回一个无引号的随机字符串作为id。不过也只能保证在单次的Sass编译中确保这个id的唯一性。unquote($string): 移除字符串的引号
代码示例
@use 'sass:string';
$test-str: 'WflyFnn';
.test {
string-quote: string.quote(test);
string-quote-one: string.quote('test');
string-index: string.index($test-str, f);
string-insert: string.insert($test-str, '-', 5);
string-length: string.length($test-str);
string-slice: string.slice($test-str, 2);
string-slice-one: string.slice($test-str, 1, 4);
string-to-upper-case: string.to-upper-case($test-str);
string-to-lower-case: string.to-lower-case($test-str);
string-unique-id: string.unique-id();
string-unquote: string.unquote($test-str);
}
编译后的结果
.test {
string-quote: 'test';
string-quote-one: 'test';
string-index: 2;
string-insert: 'Wfly-Fnn';
string-length: 7;
string-slice: 'flyFnn';
string-slice-one: 'Wfly';
string-to-upper-case: 'WFLYFNN';
string-to-lower-case: 'wflyfnn';
string-unique-id: uz36oem;
string-unquote: WflyFnn;
}

还没有留言,来发表第一条吧~