◆

Sass string 字符串函数用法大全

2023-02-02 01:370

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;
}
💬留言板0

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

PAGE LOAD / LIVESass string 字符串函数用法大全加载中