Css预处理之Less语法特性全指南

最新推荐文章于 2023-08-14 17:29:33 发布
最新推荐文章于 2023-08-14 17:29:33 发布
阅读量1k 收藏 3
点赞数
分类专栏： 前端 文章标签： less css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46104231/article/details/121527264
版权

目录

认识less

less初体验

less变量

变量插值

less选择器

less url

less import

less属性

Less 变量名称

延迟加载

less导入

less的命名空间和访问器

less拓展

拓展附加到选择器

拓展内部规则集

拓展嵌套选择器

less的嵌套规则

less混和

less不输出mixins

mixins中的选择器

mixin的命名空间

less保护的命名空间

less混合参数

less mixins具有多个参数

less 命名参数

less @arguments variable

less模式匹配

less mixins函数

less mixin范围

less mixin返回值

mixin定义在另一个mixin中

less将规则集传递给mixins

less定义和规则范围可见性

分离的规则集可以通过导入到范围来使用

less mixin guards

less循环

less合并

less合并逗号

less合并空格

less父选择器

less multiple &

选择器的继承

组合爆炸

less的内置函数

认识less

特征：

  • 更清晰和更可读的代码可以以有组织的方式编写。
  • 我们可以定义样式，它可以在整个代码中重复使用。
  • LESS是基于JavaScript的，是超集的CSS。
  • LESS是一个敏捷工具，可以排除代码冗余的问题。

优点

  • LESS轻松地生成可在浏览器中工作的CSS。
  • LESS使您能够使用嵌套编写更干净，组织良好的代码。
  • 通过使用变量可以更快地实现维护。
  • LESS使您能够通过在规则集中引用它们来轻松地重用整个类。
  • LESS提供使用操作，使得编码更快并节省时间。

缺点：

  • 学习如果你是新的CSS预处理需要时间。
  • 由于模块之间的紧密耦合，应当采取更多的努力来重用和/或测试依赖模块。
  • 与旧的预处理器(例如Sass)相比，LESS具有较少的框架，Sass由框架 Compass ， Gravity和 Susy 组成。

less初体验

style.less:

@primarycoloer: red;
@color:blue;
h1{
    color: @primarycoloer;
}
h3{
    color: @color;
}

通过命令lessc style.less style.css来将less编译为css样式

style.css:

h1 {
  color: red;
}
h3 {
  color: blue;
}

效果图：

less变量

@var: @a;
@a: 15px;

.myclass {
  font-size: @var;
  @a:20px;
  color: green;
}

效果：

.myclass {
  font-size: 20px;
  color: green;
}

 该demo定义了var这个变量指向a，之后定义a为20

但是实际在下方显示var为15，是因为less类似于css，延迟加载，最终的定义才是结果。（自底向上）

变量插值

less选择器

选择器可以引用任何变量，它是在编译时构建的。变量名称必须放在用@符号前缀的花括号（{}）内。

@selector: h2;

@{selector} {
  background: #2ECCFA;
}

注意使用选择器变量的时候需要在@后加入花括号，而作为值的变量并不需要。

less url

@images: "http://www.w3cschool.cn";

.myclass {
  background : url("@{images}/less/images/less_variables/birds.jpg");
  width:800px;
  height:500px;
}

同上述的选择器变量，url变量也需要加入花括号（该变量是在字符串里面的值）

less import

@path : "//www.w3cschool.cn/less";
@import "@{path}/external1.less";
.myclass{
 color : #A52A2A;
}

类似于上面的url变量，该变量也是在字符串包括当中。

less属性

@my-property: color;
.myclass {
  background-@{my-property}: #81F7D8;
}

该属性定义的值为color，之后在使用时同其他插值变量。

Less 变量名称

.myclass{
  @col: #ca428b;
  @color: "col";
  background-color: @@color;
}

该demo定义了两个变量，其中一个变量的值是另一个变量的变量名称。

延迟加载

p {
  font-size: @a;
  color: #ca428b;
}
@a: @b;
@b: 25px;

在未定义变量的时候也可以使用该变量，有点类似于JavaScript的提升

less导入

在less中可以使用@import来导入外部的文件。

@import "style"; // imports the style.less

@import "style.less"; // imports the style.less

@import "style.php"; // imports the style.php as a less file

@import "style.css"; // it will kept the statement as it is

.myclass{
    color: #FF8000;
}

.myclass1{
    color: #5882FA;
}



@import "//www.w3cschool.cn/less/myfile.less";
.myclass2
{
color: #FF0000;
}

less导入使用@import语句，之后空格后跟字符串，字符串代表的是另一个less文件的路径。

less的命名空间和访问器

.class1 {
  .class2 {
    .val(@param) {
      font-size: @param;
      color:green;
    }
  }
}

.myclass {
  .class1 > .class2 > .val(20px);
}

在myclass当中调用.val函数，之后的结果：

.myclass {
  font-size: 20px;
  color: green;
}

less拓展

初识拓展：

h2 {
  &:extend(.style);
  font-style: italic;
}
.style {
  background: green;
}

拓展的语句在其中使用&:exteng(.style)，可以将其他样式拓展到当前的匹配当中，最终结果：

h2 {
  font-style: italic;
}
.style,
h2 {
  background: green;
}

拓展也可以放在选择器当中：

.style:extend(.container, .img)
{
  background: #BF70A5;
}
.container {
  font-style: italic;
}
.img{
   font-size: 30px;
 }

该.style拓展了.container和.img的样式到自己，直接写在了选择器当中作为一个伪类的形式

.style {
  background: #BF70A5;
}
.container,
.style {
  font-style: italic;
}
.img,
.style {
  font-size: 30px;
}

拓展附加到选择器

.style,
.container:extend(.img){
   background: #BF70A5;
}
.img{
   font-size: 45px;
   font-style: italic;
}

该demo在.container选择器后使用了伪类的形式拓展了.img的样式，（不包括style)

结果：

.style,
.container {
  background: #BF70A5;
}
.img,
.container {
  font-size: 45px;
  font-style: italic;
}

拓展内部规则集

&:extend(selector) 语法可以放在规则集的正文中。 它是放置扩展到规则集的每个选择器的快捷方式。

.container,
.style {
     &:extend(.img);
}
.img{
    font-style: italic;
    background-color: #7B68EE;
 }

结果：

.img,
.container,
.style {
  font-style: italic;
  background-color: #7B68EE;
}

拓展嵌套选择器

.style {
  h3{
	color: #BF70A5;
	font-size: 30px;
}
}
.img:extend(.style h3){}

该demo使用extend拓展了上述的嵌套选择器给自己

.style h3,
.img {
  	color: #BF70A5;
 	font-size: 30px;
}

less的嵌套规则

.container{
  h1{
       font-size: 25px;
       color:#E45456;
 }
  p{
       font-size: 25px;
       color:#3C7949;
  }

 .myclass{
  h1{
        font-size: 25px;
        color:#E45456;
  }
  p{
       font-size: 25px;
       color:#3C7949;
  }
 }
}

结果：

.container h1 {
  font-size: 25px;
  color: #E45456;
}
.container p {
  font-size: 25px;
  color: #3C7949;
}
.container .myclass h1 {
  font-size: 25px;
  color: #E45456;
}
.container .myclass p {
  font-size: 25px;
  color: #3C7949;
}

less混和

less当中的混和类似于编程语言的函数。Mixins是一组CSS属性，允许您将一个类的属性用于另一个类，并且包含类名作为其属性。 在LESS中，可以使用类或id选择器以与CSS样式相同的方式声明mixin。 它可以存储多个值，并且可以在必要时在代码中重复使用。

初识：

.p1{
  color:red;
}
.p2{
  background : #64d9c0;
  .p1();
}
.p3{
   background : #DAA520;
  .p1;
}

结果：

.p1 {
  color: red;
}
.p2 {
  background: #64d9c0;
  color: red;
}
.p3 {
  background: #DAA520;
  color: red;
}

在该demo当中，p2和p3调用了mixins，括号是可以选择的，所以上述后两个结果是一样的。

less不输出mixins

在创建一个mixins时给函数（选择器名称）后添加一个括号，可以在调用后消失该规则。

demo：

.a(){
   background-color: red;
};
.test{
   .a();
};

该demo定义了一个a()，在.test当中调用后，其代码并没有对a标签做任何的改变

结果：

.test {
  background-color: red;
}

mixins中的选择器

mixins不仅可以包含属性，还可以包含选择器。

.mixin() {
  &:hover {
    background: #FFC0CB;
  }
}
a {
  .mixin();
}

该demo写了&:hover，在a中调用的时候，会自动变为a:hover

a:hover {
  background: #FFC0CB;
}

mixin的命名空间

类似于上述的命名空间和访问器的用法

#outer() {
  background:yellow;
  .inner {
    color: red;
  }
}
p {
  #outer > .inner;
}

结果：

p {
  color: red;
}

less保护的命名空间

@import "//www.w3cschool.cn/less/lib.less";
#namespace when (@color = blue) {
  .mixin() {
   color: red;
  }
}
p{
 #namespace .mixin();
}

该demo只有在导入的时候color是蓝的才可以访问mixin函数。（p选择器当中的样式如果color不是蓝无法调用.mixin()）

p {
  color: red;
}

less混合参数

.border(@width; @style; @color) {
    border: @width @style @color;
}

.myheader {
    .border(2px; dashed; green);
}

这里分别定义了三个参数：border的宽度样式和颜色。

less mixins具有多个参数

.mixin_name(@var_name1; @var_name2:some){
   //code here
}
.mixin(@color; @padding: 2) {
  color: @color;
  padding: @padding;
}

.myclass {
  .mixin(#FE9A2E);
}

上述padding有默认值，因此编译后的结果为：

.myclass {
  color: #FE9A2E;
  padding: 2;
}

less 命名参数

less的mixins参数并不取决于位置，没有任何的放置顺序，可以通过名称来引用。

.mixin(@color: black; @fontSize: 10px) {
  color: @color;
  font-size: @fontSize;
}
.class1 {
  .mixin(@fontSize: 20px; @color: #F5A9D0);
}
.class2 {
  .mixin(#F79F81; @fontSize: 20px);
}

结果：

.class1 {
  color: #F5A9D0;
  font-size: 20px;
}
.class2 {
  color: #F79F81;
  font-size: 20px;
}

less @arguments variable

当你不想使用单个参数的时候，该变量可以替代所有的参数。

demo：

.box-shadow(@x: 0; @y: 0; @height: 3px; @width: 3px) {
  -webkit-box-shadow: @arguments;
     -moz-box-shadow: @arguments;
          box-shadow: @arguments;
}
.myclass {
  .box-shadow(2px; 2px);
}
.myclass {
  -webkit-box-shadow: 2px 2px 3px 3px;
  -moz-box-shadow: 2px 2px 3px 3px;
  box-shadow: 2px 2px 3px 3px;
}

less模式匹配

理解为多态，传入不同的参数控制不同的行为。

.mixin(dark; @color) {
  color: darken(@color, 15%);
}
.mixin(light; @color) {
  color: lighten(@color, 15%);
}

@color-new: dark;

.line {
  .mixin(@color-new; #FF0000);
}
.line {
  color: #b30000;
}

less mixins函数

混合和函数的工作方式非常相似。 类似的函数，mixins可以嵌套，可以接受参数和返回值。

less mixin范围

在调用者的作用域内，调用者的变量最大，调用mixin后仍会被变量覆盖掉，下面的demo返回了一个变量来给myclass调用

.mixin() {
  @bgcolor: #C0C0C0;
}
.myclass{
  .mixin();
  background-color: @bgcolor;
}
.myclass {
  background-color: #C0C0C0;
}

less mixin返回值

.padding(@x, @y) {
  @padding: ((@x + @y) / 2);
}

.myclass{
  .padding(80px, 120px);  // call to the mixin
  padding-left: @padding; //  returns the value
}
.myclass {
  padding-left: 100px;
}

mixin定义在另一个mixin中

当一个mixin定义在另一个mixin中，它也可以作为返回值。

.outerMixin(@value) {
  .nestedMixin() {
    font-size: @value;
  }
}
.myclass {
  .outerMixin(30);
  .nestedMixin();
}
.myclass {
  font-size: 30;
}

less将规则集传递给mixins

less当中可以使用一个变量，来存储属性，嵌套规则集，变量声明，mixins等，当其他结构调用该规则集的时候，所有的属性都将被复制到该结构。

@detached-ruleset: {
    .mixin() {
        font-family: "Comic Sans MS";
        background-color: #AA86EE;
    }
};

.cont {
    @detached-ruleset();
    .mixin();
}

该demo定义了规则集，在cont中调用，之后调用mixin。

.cont {
  font-family: "Comic Sans MS";
  background-color: #AA86EE;
}

less定义和规则范围可见性

@detached-ruleset: {
  background-color: @caller-variable;
  .caller-mixin();
};

.cont {
  @detached-ruleset();

  @caller-variable: #AA86EE;
  .caller-mixin() {
    font-style:italic;
  }
}

该demo先定义了规则集，但规则集当中的变量和mixin并没有定义，是在cont调用该规则集后才定义的，这种做法是支持的。

cont {
  background-color: #AA86EE;
  font-style: italic;
}

分离的规则集可以通过导入到范围来使用

#id {
  .style() {
    @detached: { font-style: @font; };
  }
}

.container() {
  @font: italic;
  #id > .style();
}

.cont {
  .container();
   @detached();
}
.cont {
  font-style: italic;
}

less mixin guards

类似于受保护的命名空间，该方式是作为mixin的条件的。

demo：

.mixin (@a) when (@a > 22px){
color:blue;
}

.mixin (@a) when (@a <= 20px){
color:red;
}

.mixin (@a) {
  font-size: @a;
}

.myclass { .mixin(20px) }

上述demo是一个添加了判断的guard，并且还有别的匹配一块进行调用，因此最后结果为：

.myclass {
  color: red;
  font-size: 20px;
}

less循环

一个循环demo：

.test(@x) when (@x>0){
    .test((@x - 1));
    height : (@x * 25px);
};
.myclass{
    .test(8);
};

结果：

.myclass {
  height: 25px;
  height: 50px;
  height: 75px;
  height: 100px;
  height: 125px;
  height: 150px;
  height: 175px;
  height: 200px;
}

我们可以很清晰的看出来其实本质是使用了一个递归的方式来实现循环的。

less合并

less合并逗号

.myfunc() {
  box-shadow+: 5px 5px 5px grey;
}
.class {
  .myfunc();
  box-shadow+: 0 0 5px #f78181;
}

先定义了一个函数，之后在函数体内的样式名称后面添加了一个+，这就是less合并逗号的用法

.class {
  box-shadow: 5px 5px 5px grey, 0 0 5px #f78181;
}

less合并空格

.mixin() {
  transform+_: scale(1);
}
.class {
  .mixin();
  transform+_: rotate(2deg);
}

该与合并逗号不同的是加号后面跟了一个下划线+_

结果：

.class {
  transform: scale(1) rotate(2deg);
}

less父选择器

 嵌套规则的父选择器由＆运算符表示，并在将修改类或伪类应用于现有选择器时使用。

a {
  color: #5882FA;
  &:hover {
    background-color: #A9F5F2;
  }
}

该demo使用了&运算符来代表a，之后添加了一个hover伪类的样式。

结果：

a {
  color: #5882FA;
}
a:hover {
  background-color: red;
}

less multiple &

通过使用＆运算符，可以重复引用父选择器，而不使用其名称。 在选择器＆中可以多次使用。

demo：

.select {
  & + & {
    color: #A9F5F2;
  }

  & & {
    color: #D0FA58;
  }

  && {
    color: #81BEF7;
  }

  &, &_class1 {
    color: #A4A4A4;
  }
}
.select + .select {
  color: #A9F5F2;
}
.select .select {
  color: #D0FA58;
}
.select.select {
  color: #81BEF7;
}
.select,
.select_class1 {
  color: #A4A4A4;
}

选择器的继承

.header {
  .menu {
    border-radius: 5px;
    border: 1px solid red;
    & {
      padding-left: 200px;
    }
  }
}

组合爆炸

p, div {
  color : red;
  font-family:Lucida Console;
  & + & {
    color : green;
    background-color: yellow;
    font-family: "Comic Sans MS";
  }
}
p,
div {
  color: red;
  font-family: Lucida Console;
}
p + p,
p + div,
div + p,
div + div {
  color: green;
  background-color: yellow;
  font-family: "Comic Sans MS";
}

less的内置函数

参见w3cschoolLess 其他函数_w3cschool

一千次晚安。
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
10分钟学会CSS预处理语言Less
01-08
Less 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，将 CSS 赋予了动态语言的特性，如变量、继承、运算、函数等。 Less 既可以在 客户端 上运行 ...
less简单入门(CSS 预处理语言)
08-31
【Less 简单入门：理解CSS预处理语言的核心特性】 Less是一门强大的CSS预处理语言，它的出现极大地扩展了CSS的功能，使CSS代码变得更加简洁、可维护，并且支持主题的快速开发。通过引入变量、混合（mixin）、函数等...
CSS——less
qq_48613863的博客
04-09 8665
1、less简述 less就是简便书写css的工具，还是像写css那样写，只是有些比较简洁，可以写除法、选择器套选择器等等。保存.less文件，就会在同级别下自动生成.css文件。 在px单位转换到rem单位过程中，哪项工作是最麻烦的？ 答：除法运算。CSS不支持计算写法。解决方案：可以通过Less实现。 Less是一个CSS预处理器, Less文件后缀是.less； 扩充了 CSS 语言, 使 CSS 具备一定的逻辑性、计算能力； 注意：浏览器不识别Less代码，目前阶段，网页要引入对应的CS
Less语法介绍以及和CSS的区别(整理版)
m0_63779088的博客
07-19 5333
Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展Less和CSS非常像，因此很容易学习。而且Less仅对CSS语言增加了少许方便的扩展Less文件需要经过Less预处理器编译成为CSS。...
Less使用语法（详细）
weixin_44646763的博客
02-27 8655
一、变量 1、使用@符号声明变量 例子： less内容 @width:100px;//变量 @height:100px; @fsize:20px; .less{ width: @width;//变量作为css属性的值 height: @height; background-color: red; font-size: @fsize; } css效果： .less { width: 100px; height: 100px; bac
CSS学习笔记-10-less的简单使用
weixin_53249168的博客
12-03 1186
less是一门css的预处理语言使用变量时，如果是直接使用则以@变量名的形式使用,可作为类名或一部分值使用时必须以@{变量名}的形式使用变量发生重名时，会优先使用离得比较近的变量
less学习语法
最新发布
a_xia_o的博客
08-14 2264
1.rgb/rgba/translate/rotate/scale2.非常好用的css函数： css中可以自定义属性：在一个大型的网页项目中，我们css使用到的某几种属性值往往是特定的 4.Less语法三：嵌套 选择器的嵌套： &：表示父级可以用于伪类、伪元素：在Less中，算术运算符+-*/可以对任何数字、颜色或变量进行运算。在原来的CSS编写过程中，多个选择器中可能有大量相同的代码 混合是一种将一组属性从一个规则集（或混入）到另一个规则集的方法。 注意：混入在没有参数的情况下，小括号可以省
lesscss-python 是 Less CSS 的 Python 版本.rar
06-21
LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用，包括浏览器...
考拉-less转化为css的工具
02-05
首先，它支持LESS语法的实时编译，只需将LESS文件拖入考拉界面，即可自动转化为CSS，无需手动操作，大大节省了开发者的时间。其次，考拉还提供了错误检测功能，当LESS代码中有语法错误时，会立即给出提示，帮助...
framework:CSS预处理程序和现代UI开发框架
05-10
常见的CSS预处理程序有Sass（Syntactically Awesome Style Sheets）、Less（Leaner Style Sheets）和Stylus。例如，Sass允许我们定义变量 `$color-primary`，并在整个样式表中使用它，而不是反复输入具体的颜色值。...
python的作用域有哪几种_Python作用域
weixin_39897505的博客
11-20 224
在讲Python作用域前，先来分析一下如下一个函数：def multiplier(factor):def multiplyByFactor(number):return number * factorreturn multiplyByFactor当我们执行test=multiplier(10)的时候返回的并不是一个具体值而是如下这么一个函数：实际上这里我们可以看出执行这个函数之后返回的是一个函数，...
less的基本使用
Litt_White的博客
03-30 4861
定义同一变量名称（名字）两次或多次后，less只会选择最后定义的！@bg-img : "路径1";@bg-img : "路径2";@bg-img : "路径3";header {} // 结果为：background : url("路径3");
vue项目 在style标签中引入css,less,sass的方法
weixin_42700654的博客
03-02 7598
vue项目 style标签引入 less sass 在我们编写vue代码时,有时候需要写入大量的css样式,会有一些不方便的情况 1.有时候定义变量可能会和class名称重复,根据字符查找变量时会查出多个,不便于查找 2.css会占用大量的行数 页面的dom和js代码并不是很多 整个页面却有几千行甚至上万 我们可以将css代码单独放在静态目录下存放,在style标签中引入 根据项目所用语言定义文件后缀, .css .less .scss 这里定义的是less后缀 在需要的目录下 style标签下进行引入 可
css less语法
weixin_43294560的博客
02-29 904
less 1、安装 cnpm install -g less (1)耗费性能,不能在开发环境中使用 在文件引入less编译器 <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.10.3/less.min.js" ></script> 或下载好的less.js文件 引...
Less的常用语法
weixin_46032850的博客
07-10 3770
less的语法 1.注释语法 1.1 /**/ (多行注释) 这种注释是css的注释,编译以后,会保留显示在css文件中. 1.2 // (单行注释) // 这种代码注释css并不识别,编译后会隐藏,不会显示在css文件中. 2.变量 在less中,可以使用变量,来统一设置一类可以重复使用的值,方便后期CSS代码维护. 2.1普通变量的使用 使用@符号定义变量, 语法: @变量名:变量值; 注意:变量值一定要符合CSS属性值的规范. 在CSS选择器中后面是用变量;如:属性的名称:@变量 // 定义变量
前端知识——css 之预处理器 less 语法
weixin_42771853的博客
04-04 523
在Less中，算术运算符 +、-、 * 、/ 可以对任何数字、颜色或变量进行运算。后来官方推出了全新的语法SCSS，意思是Sassy CSS，他是。Sass的语法使用的是类似于Ruby的语法，映射是提取一组属性中的某个属性的方法。特殊符号：& 表示当前选择器的父级。Less提供了选择器的嵌套。@变量名: 变量值;混合是一种将一组属性。
可编程Css-Less详解
漫漫漫漫的博客
01-13 750
Less Less是一门Css预处理语言，增加了变量、Mixin（混合）、函数、结构化等特性、使css更容易维护，并扩展css功能。Less可以通过webpack，cdn映入js，Vscode插件，koala，等方式使用，编写的Less会最终被解析为css在浏览器中运行，大家可以自行百度。 1.变量 在Less中新增了变量这一特性，可以将公有的路径，数值，属性，甚至选择器封装到一个变量中，供全局使...
html5 less模板,style.less
weixin_29063681的博客
06-26 571
@import './styles/iconfont.css';@import './styles/mmv-tab.less';@import './styles/mmv.less';@import './styles/animation.css';@import './styles/footer.less';html {font-family: 'Microsoft YaHei', '微软雅黑'...
less for循环
smiky的专栏
11-27 3761
//extract函数可以从数组中取值，.loop是个循环，它们两个组合在一起实现循环数组e; .for(@list){ .loop(@index:1) when ( @index&lt;=length(@list) ){ @item:extract(@list, @index); .each(@item);//这里的each相当于一个抽象方法，谁调用for谁来实现 ....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值