less入门

最新推荐文章于 2024-06-18 20:39:33 发布
最新推荐文章于 2024-06-18 20:39:33 发布
阅读量172 收藏
点赞数
分类专栏： css 文章标签： less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gxll499294075/article/details/120072061
版权

1.初见less

1.1 什么是less

        less是一个css预编译器，意思指的是它可以扩展css语言，添加功能如允许变量（variables），混合（mixins），函数（functions）和许多其他技术，让css更具维护性，主题性，扩展性。

1.2 less官方网站

        中文：http://lesscss.cn/

        英文：https://lesscss.org/

1.3 与less的第一次碰面

  传统写法

.conten ul{
    list-style: none;
}

.conten li{
    height: 24px;
    line-height:24px
}

  less写法

.conten {
    ul{
        list-style: none;
    }
    li{
        height: 24px;
        line-height:24px
    }
}

1.4 less中的注释

2种注册方式：

  • //           以  //   开始的注释，不会编译到css文件中。
  • /**/       以  /* */包裹的注释会被编译到css文件中。

less文件：

// 只会在less中显示
ul{
    li{
        color:red;
    }
}

/*
    在 less 和 css 中都会显示
*/

less文件编译成的css文件：

ul li {
  color: red;
}
/*
    在 less 和 css 中都会显示
*/

2.正确使用less

2.1 如何使用less

        less文件只有被编译后才能够被浏览器识别使用。

2.2 less编译工具

  1. Koala: 国人开发的全平台的LESS编译工具。http://koala-app.com/index-zh.html
  2. WinLess： Window下的LESS编译软件。https://www.winless.org/
  3. Codekit： MAC平台下的LESS编译软件。https://codekitapp.com/

2.3 客户端调试方式

  • 首先引用less文件。注意：引用时使用link引入，然后将rel属性设置为 rel="stylesheet/less"
  • 然后引入 less.js。 注意：与引入普通js一致，但是一定放在less文件样式文件之后。

下载引入less.js文件：

        官网下载

cdn引入less.js：

        <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 1.引入 .less文件 -->
    <link rel="stylesheet/less" href="./index.less">
    <!-- 2.csdn  引入less.js 文件 -->
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> -->
    <!-- 2.下载引入less.js 文件 -->
    <script src="../node_modules/less/dist/less.min.js"></script>
</head>
<body>
    <h2>dd</h2>
</body>
</html>

2.4 下载less，使用命令编译文件

  1. 下载： npm install less --save
  2. 编译： lessc  ./index.less ./index.css       ./index.less为要编译的less文件；./index.css 为编译后生成的文件。

3.变量（variables）

3.1 普通的变量

1.变量的定义方式

 用 @  命名变量 。变量和变量值之间分号分开。   如： @green: green;     定义一个变量为绿色。

2.实例

html 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header>
        <h1> less</h1>
    </header>
    <footer>
        <h1>learn less</h1>
    </footer>
</body>
</html>

less文件代码

@green:green;
@white:white;

header, footer{
    background-color: @green;
    h1{
        color: @white;
    }
}

 编译后的css文件代码

header,
footer {
  background-color: green;
}
header h1,
footer h1 {
  color: white;
}

3.注意

        由于变量只能定义一次，实际上他们就是“常量”

3.2 作为选择器和属性名

1.使用

        使用时将变量以  @{变量名}   的方式使用

2.案例

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header>
        <h1> less</h1>
    </header>
    <footer class="width">
        <h1>learn less</h1>
    </footer>
</body>
</html>

less文件

// 作为选择器和属性名的变量
@width: width;

// 作为选择器
.@{width}{
    //  作为属性名
    @{width}: 200px;
}

 编译后的css文件

.width {
  width: 200px;
}

3.3 作为URL

1.使用

        使用时，使用 " " 将变量的值扩起来，使用时同样将变量以 @{变量名} 的方式使用

2.案例

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header></header>
</body>
</html>

less文件

// 作为URL变量
@imgUrl:"https://www.baidu.com/img/";

header{
    background:url("@{imgUrl}PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png");
    width: 500px;
    height: 500px;
}

 编译后的css文件

header {
  background: url("https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png");
  width: 500px;
  height: 500px;
}

3.4 延迟加载

1.什么是延迟加载？

        变量是延迟加载的，在使用前不一定要预先声明。

2.案例

        先使用变量，但未先声明变量，依旧可以使用。

less文件

header, footer{
    background-color: @green;
    h1{
        color: @white;
    }
}

@green:green;
@white:white;

 编译后的css文件

header,
footer {
  background-color: green;
}
header h1,
footer h1 {
  color: white;
}

3.5 定义多个相同名称的变量时

        在定义一个变量两次时，只会使用最后定义的变量，less会从当前作用域中向上搜索，这个行为类似css的定义中始终使用最后定义的属性值。

less文件

// 定义相同名称变量时
@var:0;
.class{
    @var:1;
    .brass{
        @var:2;
        three:@var;  // 3
        @var:3;
    }
    one:@var;  // 1
    @var:aaa  // 在这再次定义时，上面的one就是aaa
}

编译后的css文件

.class {
  one: aaa;
}
.class .brass {
  three: 3;
}

4.混合（mixins）

4.1 普通混合    .类名

1.什么是混合

        混合就是一种将一系列属性从一个规则集引入（“混合”）到另一规则集的方式。

2.案例

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header>
        <h1>less</h1>
    </header>
    <footer class="width">
        <h2>learn less</h2>
    </footer>
</body>
</html>

less文件

// 以前遇到这种公共的样式会提取到一个公共的类中，在dom结构上class="类名"
// 在 less 中可以使用混合集
.font_hn{
    color:red;
    font-family: 'Courier New', Courier, monospace;
}

h1{
    font-size: 28px;
    .font_hn;
}
h2{
    font-size: 24px;
    .font_hn;
}

编译后的css文件 

.font_hn {
  color: red;
  font-family: 'Courier New', Courier, monospace;
}
h1 {
  font-size: 28px;
  color: red;
  font-family: 'Courier New', Courier, monospace;
}
h2 {
  font-size: 24px;
  color: red;
  font-family: 'Courier New', Courier, monospace;
}

4.2 不带输出的混合    ()

  用法：类名后面使用 () 。

1.什么是不带输出的混合？

        如果你想要创建一个混合集，但是却不想让它输出到你的样式中。

2.使用方式

        在不想输出的混合集的后面加上()，就可以不再编译的css文件中输出。

less文件

// 以前遇到这种公共的样式会提取到一个公共的类中，在dom结构上class="类名"
// 在 less 中可以使用混合集
// 在不想输出到编译后的css文件中的混合集后面加上括号，便不会输出到css文件中
// 混合集即为之前css样式中书写的公共样式类。
.font_hn(){
    color:red;
    font-family: 'Courier New', Courier, monospace;
}

h1{
    font-size: 28px;
    .font_hn;
}
h2{
    font-size: 24px;
    .font_hn;
}

编译后的css文件  【css文件中没有输出 font_hn 类】

h1 {
  font-size: 28px;
  color: red;
  font-family: 'Courier New', Courier, monospace;
}
h2 {
  font-size: 24px;
  color: red;
  font-family: 'Courier New', Courier, monospace;
}

4.3 带选择器的混合    &

方法：使用& 。类中的& 代表父级类。

less文件

// () 不输出的混合
// 带选择器的混合
.my-hover-mlxin(){
    //  & 代表 父类
    //  &:hover 等同于 .my-hover-mlxin:hover
    &:hover{
        border: 1px solid red;
    }
}
button{
    // & 父级为button
    .my-hover-mlxin;
}
a{
    // & 父级为a
    .my-hover-mlxin;
}
h1{
    // & 父级为h1
    .my-hover-mlxin;
}

编译后的css文件

button:hover {
  border: 1px solid red;
}
a:hover {
  border: 1px solid red;
}
h1:hover {
  border: 1px solid red;
}

4.4 带参数的混合    (@参数)

方法：在使用混合时通过传参的方式。(@参数)

注意：定义的参数也必须使用@来定义，和之前的定义变量的方法一致。

less文件

// 带参数的混合
// 这里定义参数也必须使用 @ 来定义，和之前定义参数一样。
.border(@color){
    border:1px solid @color;
}
h1{
    &:hover{
        .border(green);
    }
}
h2{
    &:hover{
        .border(#000);
    }  
}

编译后的css文件

h1:hover {
  border: 1px solid green;
}
h2:hover {
  border: 1px solid #000;
}

4.5 带参数并且有默认值    (@参数:默认值)

方法：给带参数的混合添加默认值。  (@参数:默认值)

注意：有默认值的时候使用时可以带括号也可以不带括号。

less文件

// 带参数并且有默认值的混合
// (@color:red)  (参数:默认值)
.border(@color:red){
    border:1px solid @color;
}
h1{
    &:hover{
        // 有默认值的情况使用时可以写括号，也可以不写
        // .border;
        .border();
    }
}
h2{
    &:hover{
        .border(#000);
    }  
}

编译后的css文件

h1:hover {
  border: 1px solid red;
}
h2:hover {
  border: 1px solid #000;
}

4.6 带多个参数的混合    ;

1.多个参数

1.1 什么是多参数

  • 一个组合可以带多个参数，参数之间可以用分号或者逗号分隔
  • 但是推荐使用分号分隔，因为逗号符号有两个意思。它可以解释为mixins参数分隔符或者css列表分隔符

1.2 官方阐述

  • 两个参数，并且每个参数都是逗号分隔的列表：.name(1,2,3;something,ele)
  • 三个参数，并且每个参数都包含一个数字：.name(1,2,3)
  • 使用伪造的分号创建mixin，调用的时候参数包含一个逗号分割的css列表：.name(1,2,3;)
  • 逗号分割默认值：.name(@param1:red,blue)

less代码

// 带多个参数的混合
/*带多个参数的混合*/
// 
.mixin(@color; @padding:xxx; @margin:2){
    color-3: @color;
    padding-s: @padding;
    margin:@margin @margin @margin @margin;
}

.divmaizi{
    // 传入 @color ，其他两个使用默认值
    .mixin(red);
}

.div{
    // 传入 @color 为 1,2,3; @padding为something,ele;  @margin使用默认值 2
    .mixin(1,2,3;something,ele);
}

.div1{
    // 三个参数用逗号分割；
    // @color 为 1;   @padding 为 2; @margin  为 3;
    .mixin(1,2,3);
}

.div2{
    // @color 为 1,2,3   其他的使用默认值
    .mixin(1,2,3;);
}
// 如果传参的括号里面全部都是以逗号分隔，那么会依次传给各个参数值。
// 如果传参的括号里面既有逗号又有分号，那么会把分号前面看做一个整体，传给一个参数。

编译后的css文件

/*带多个参数的混合*/
.divmaizi {
  color-3: red;
  padding-s: xxx;
  margin: 2 2 2 2;
}
.div {
  color-3: 1, 2, 3;
  padding-s: something, ele;
  margin: 2 2 2 2;
}
.div1 {
  color-3: 1;
  padding-s: 2;
  margin: 3 3 3 3;
}
.div2 {
  color-3: 1, 2, 3;
  padding-s: xxx;
  margin: 2 2 2 2;
}

 总结：

        如果传参的括号里面全部都是以逗号分隔，那么会依次传给各个参数值。

        如果传参的括号里面既有逗号又有分号，那么会把分号前面看做一个整体，传给一个参数。

 2. 定义多个具有相同名称和参数数量的混合

        定义多个具有相同名称和参数数量的mixins是合法的，less会使用它可以应用的属性，如果使用mixins的时候只带一个参数，比如 .mixin(green), 这个属性会导致所有的mixin都会强制使用这个明确的参数

less文件

.mixin(@color){
    color-1:@color;
}

.mixin(@color;@padding:2){
    color-2:@color;
    padding-2: @padding;
}

// 如果 @padding 没有默认值，调用的时候就会执行该混合。
// 如果有 默认值就会执行。
.mixin(@color;@padding:2;@margin:2){
    /*@padding 如果没有默认值就会导致该混合不编译*/
    color-3:@color;
    padding-3: @padding;
    margin: @margin @margin @margin @margin;
}
.some .selector div{
    .mixin(#008000);
}

变异后的css文件

.some .selector div {
  color-1: #008000;
  color-2: #008000;
  padding-2: 2;
  /*@padding 如果没有默认值就会导致该混合不编译*/
  color-3: #008000;
  padding-3: 2;
  margin: 2 2 2 2;
}

4.7 命名参数

1.命名参数

        引用mixin时可以通过参数名称而不是参数的位置来为mixin提供数值，任何参数都已通过它的名称来引用，这样就不必按照任意特定的顺序来使用参数。

less文件

// 命名参数
.mixin(@color:black;@margin:10px;@padding:20px){
    color:@color;
    margin: @margin;
    padding: @padding;
}

.class{
    // 根据变量的名称来赋值。
    .mixin(@margin:20px, @color:#33acfe)
}

.class2{
    .mixin(#efca44, @padding:40px);
}
.class3{
    // 传给了第一个
    .mixin(80px);
}

编译后的css文件

.class {
  color: #33acfe;
  margin: 20px;
  padding: 20px;
}
.class2 {
  color: #efca44;
  margin: 10px;
  padding: 40px;
}
.class3 {
  color: 80px;
  margin: 10px;
  padding: 20px;
}

 通过变量名称来赋值，不根据赋值的位置来确定。

4.8 @arguments变量

1.什么是 arguments变量

        arguments代表所有的可变参数

注意：

  • @arguments代表所有可变参数，参数的先后顺序就是你的 () 括号内 的参数的先后顺序。
  • 注意在使用的属性，值的位置和个数也是一一对应的，只有一个值，把值赋值给第一个；两个值，赋值给第一个和第二个；三个值，分别赋给三个... 以此类推，但是需要注意的是假如我想给第一个和第三个赋值，你不能写 (值1, , 值3), 必须把原来的默认值写上去。

less文件

// @arguments
.border(@x:solid,@c:red){
    // 之前是这样写 border:21px @x @c;
    // @arguments 按传入的参数的顺序添加
    border:21px @arguments;
}
div{
    .border();
}

编译后的css文件

div {
  border: 21px solid red;
}

4.9 匹配模式

1.说明

        传值的时候定义一个字符，在使用的时候使用那个字符，就调用哪条规则。

less文件

.border(all, @w:5px){
    border-radius: @w;
}
.border(t_l, @w:5px){
    border-top-left-radius: @w;
}
.border(t_r, @w:5px){
    border-top-right-radius: @w;
}
.border(b_l, @w:5px){
    border-bottom-right-radius: @w;
}
.border(b_r, @w:5px){
    border-bottom-right-radius: @w;
}
footer{
    // all  对应 all规则
    .border(all,10px);
    // t_r 对应t_r规则
    .border(t_r,10px);
    background-color: #33acfe;
}

编译后的css文件

footer {
  border-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #33acfe;
}

4.10 得到混合中变量的返回值

对传入的参数进行运算，可以通过定义变量的形式把运算结果传出来。

less文件

.average(@x;@y){
    // 定义变量
    @he:@x + @y;
    @average: ((@x+@y)/2);
}

div{
    .average(16px, 50px);
    // 使用变量
    padding: @average;
    margin: @he;
}

编译后的css文件

div {
  padding: 33px;
  margin: 66px;
}

5.嵌套规则（nested-rules）

6.运算（operations）

7.函数（functions）

8.命名空间

9.作用域

10.引入（importing）

11.关键字（important）

12.条件表达式

13.循环（loop）

14.合并属性

15.函数库（function）

持续更新中.......

投时
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Less的基本用法
XinKun的博客
11-10 3282
一、Less简介 less是一门CSS的预处理语言 less是一个css的增强版，通过less可以编写更少的代码 实现更强大的样式 在less中添加了许多新特性，像对变量的支持、对mixin的支持.... less的语法大体上和css语法一直，但less中增加了许多对css扩展 浏览器无法直接执行less代码，要执行必须先将less转换为css再由 浏览器执行 Less也是一种动态样式语言. 对CSS赋予了动态语言的特
Less 函数中文详解
se7en1010的博客
03-13 1332
CSS预处理语言：Less.js 中的函数中文详解
less的基本使用
weixin_53122412的博客
06-10 712
定义 less 是一门 CSS 预处理语言，可以通过预处理器把less文件编译成css，less增加了变量、混合（mixin）、函数等功能，弥补了css的不足，让编写css更加方便 使用 第一种方式：引入less.js 在html引入less.js 可以通过cdn方式，也可以把less下载下来，然后通过script标签引入 <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js
Less基础
最新发布
weixin_55702682的博客
06-18 742
LESS CSS 是一种动态样式语言，属于 CSS 预处理语言的一种，它使用类似 CSS的语法，为 CSS 的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS 的编写和维护。LESS CSS 可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。说明：本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。
less基本使用 简记
Vvaans的博客
04-28 1628
Less是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。Less是一种动态样式表语言，扩展了CSS的功能。Less也是跨浏览器友好。CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。/* Less *///将@var替换为其值 content:@fnord;/* 生成的 CSS */ 。 于less中使用css原生函数
less页面静态引入方式的使用
qq_45089709的博客
02-05 748
首先，需要在你的HTML文档中引入Less.js库。这个JavaScript库能够让浏览器解析Less代码并将其转换为CSS。你可以从Less官方网站下载Less.js，或者使用CDN链接。Less.js允许通过设置全局变量less来配置其行为。这些配置应该在引入Less.js之前完成。在你的HTML文档的部分，使用标签引入Less文件。重要的是要设置rel属性为"stylesheet/less"，这样Less.js就能识别并处理这个文件。在你的项目中创建一个Less文件。
Less 快速入门
imByte的博客
12-08 742
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。 Less 作为 CSS 的一种形式扩展，并没有减少 CSS 的功能，而是在现有的 CSS 语法上，添加了程序式语言的特性。
less入门.pptx
07-02
less入门.pptx
Less入门视频教程
06-10
本课程以通俗易懂的方式讲解Less技术，课程内容包括：1.Less简介、基本用法2.变量、混合Mixin、导引表达式3.运算、函数4.嵌套5.继承6.导入import通过多个案例逐一讲解Less的用法，通俗易懂，最适合初学者的教程！
less简单入门(CSS 预处理语言)
08-31
【Less 简单入门：理解CSS预处理语言的核心特性】 Less是一门强大的CSS预处理语言，它的出现极大地扩展了CSS的功能，使CSS代码变得更加简洁、可维护，并且支持主题的快速开发。通过引入变量、混合（mixin）、函数等...
LESS教程
SalmonellaVaccine的专栏
12-09 974
http://www.bootcss.com/p/lesscss/ 变量 变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS @color: #4D926F; #header { color: @color; } h2 { color: @color; }
less中使用css内置函数
lfl976的博客
06-21 486
.select { width: min(430px, 100%); } css中这样使用，在less中，less认为min是自己定义的函数，没定义会报错。 可以使用less转义字符~，原样输出。 .select { width: ~"min(430px, 100%)"; }
less.js的使用---初次使用
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
08-01 6162
第一次接触less.js； 我使用eclipse开发的，eclipse好像没有什么关于他的插件。 ①：使用时我们创建一个.less文件。 示例一个 @color: pink,yellow,red; div1{ background-color:extract(@color,2); } //这段代码div1的背景色就是yellow，括号里面的参数第一个代表自己声明的变量 //这个...
Less快速入门
rjjhk的博客
12-24 195
本章主要讲解Less基础用法，可以带你快速入门，体验不一样的css，喜欢css语法的还可以学习Sass和Scss，都属于css语法的一种。
less新手入门目录
胡西风的博客
06-24 1294
变量 1.定义 使用 @ 符号来定义变量 ，在Less中开头是 @ 则是变量，关于变量的命名方法，大家可以参考js中命名的规则，毕竟是做前端的，有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写，从第二个开始，单词首写字母大写。如boxAaa,boxBbbb,boxContainer,……，当然也是可是使用香肠命名法用下划线“_”来命名。...
LESS学习笔记（初学实用）
前端向朔
08-19 2392
一、什么是less？Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 LESS官网（中文）：http://lesscss.cn/二、less怎么用？方式一：直接通过引入less.js文件，通过浏览器端来编译.less文件（类css文件），当然先要下载less.js文件放在项目文件中，目录就来个简单的。 —-less
less入门基础
weixin_44543419的博客
06-22 180
本章供自己学习，大佬们勿喷 less入门基础 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。 因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。。 1.变量（Variables） @[变量名
Less CSS预处理器入门指南
"前端构建Less入门(CSS预处理器)" 前端开发中的Less是一种CSS预处理器，它扩展了CSS语言，为开发者提供了变量、混合、嵌套规则、函数等编程特性，极大地提高了CSS的可维护性和可扩展性。Less可以在Node.js、浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值