Bootstrap组件学习笔记（三）——导航

最新推荐文章于 2022-12-03 11:43:12 发布
最新推荐文章于 2022-12-03 11:43:12 发布
阅读量405 收藏
点赞数
分类专栏： front-end(bootstrap) 文章标签： bootstrap bootstrap学习 navbar nav 标签页导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28057577/article/details/77543370
版权
目录：
    1.标签页导航
    2.导航条
    3.路径导航（面包屑导航）

1.标签页导航
    1.1 总结
 
    1.2 示例效果 截图

     1.3 示例代码
1 
<!DOCTYPE html>
2 
<html>
3 
<head lang="en">
4 
    <meta charset="UTF-8">
5 
    <title>组件</title>
6 
    <!--引入bootstrap样式文件-->
7 
    <link href="css/bootstrap.min.css" rel="stylesheet">
8 
    <!--引入jq（必须在bootstrap.min.js文件之前）-->
9 
    <script type="application/javascript" src="js/jquery-3.2.0.js"></script>
10 
    <!--引入bootstrap js-->
11 
    <script type="application/javascript" src="js/bootstrap.min.js"></script>
12
25 
</head>
26 
<body style="margin: 40px">
27
28
29 
    <div class="panel panel-danger">
30 
        <div class="panel-heading">
31 
            常规标签页导航
32 
        </div>
33 
        <div class="panel-body">
34 
            <ul class="nav nav-tabs">
35 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
36 
                <li role="presentation"><a>导航二</a></li>
37 
                <li role="presentation"><a>导航三</a></li>
38 
            </ul>
39
40 
        </div>
41 
    </div>
42
43 
    <div class="panel panel-info">
44 
        <div class="panel-heading">
45 
            胶囊式标签页导航
46 
        </div>
47 
        <div class="panel-body">
48 
            <ul class="nav nav-pills">
49 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
50 
                <li role="presentation"><a>导航二</a></li>
51 
                <li role="presentation"><a>导航三</a></li>
52 
            </ul>
53 
            <hr/>
54
55 
            <!--竖向排列-->
56 
            <ul class="nav nav-pills nav-stacked">
57 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
58 
                <li role="presentation"><a>导航二</a></li>
59 
                <li role="presentation"><a>导航三</a></li>
60 
            </ul>
61 
        </div>
62 
    </div>
63
64
65 
    <div class="panel panel-success">
66 
        <div class="panel-heading">
67 
            两端对齐标签页导航
68 
        </div>
69 
        <div class="panel-body">
70 
            <ul class="nav nav-pills nav-justified">
71 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
72 
                <li role="presentation"><a>导航二</a></li>
73 
                <li role="presentation"><a>导航三</a></li>
74 
            </ul>
75 
            <hr/>
76
77 
            <ul class="nav nav-tabs nav-justified">
78 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
79 
                <li role="presentation"><a>导航二</a></li>
80 
                <li role="presentation"><a>导航三</a></li>
81 
            </ul>
82 
        </div>
83 
    </div>
84
85 
    <div class="panel panel-warning">
86 
        <div class="panel-heading">
87 
            标签页导航禁用链接
88 
        </div>
89 
        <div class="panel-body">
90 
            <ul class="nav nav-pills nav-justified">
91 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
92 
                <li role="presentation"><a>导航二</a></li>
93 
                <li role="presentation" class="disabled"><a>导航三</a></li>
94 
            </ul>
95
96 
        </div>
97 
    </div>
98
99 
    <div class="panel panel-primary">
100 
        <div class="panel-heading">
101 
            标签页导航嵌套下拉菜单
102 
        </div>
103 
        <div class="panel-body">
104
105 
            <ul class="nav nav-tabs">
106 
                <li role="presentation" class="active">
107 
                    <a href="#">导航一</a>
108 
                </li>
109 
                <li  class="dropdown" role="presentation">
110 
                    <a aria-expanded="false"  aria-haspopup="true" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">
111 
                        导航二 <span class="caret"></span>
112 
                    </a>
113 
                    <ul class="dropdown-menu">
114 
                        <li><a href="#">下拉链接</a> </li>
115 
                        <li><a href="#">下拉链接</a> </li>
116 
                        <li><a href="#">下拉链接</a> </li>
117 
                    </ul>
118 
                </li>
119
120 
                <li role="presentation" class="dropdown">
121 
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
122 
                        Dropdown <span class="caret"></span>
123 
                    </a>
124 
                    <ul class="dropdown-menu">
125 
                        <li><a href="#">Action</a></li>
126 
                        <li><a href="#">Another action</a></li>
127 
                        <li><a href="#">Something else here</a></li>
128 
                        <li role="separator" class="divider"></li>
129 
                        <li><a href="#">Separated link</a></li>
130 
                    </ul>
131 
                </li>
132 
            </ul>
133
134 
            <hr/>
135
136 
            <!--胶囊式-->
137 
            <ul class="nav nav-pills">
138 
                <li role="presentation" class="active"><a href="#">导航一</a> </li>
139 
                <li  class="dropdown" role="presentation">
140 
                    <a aria-expanded="false"  aria-haspopup="true" role="button" class="dropdown-toggle" data-toggle="dropdown"  href="#">
141 
                        导航二
142 
                    <span class="caret"></span>
143 
                    </a>
144 
                    <ul class="dropdown-menu">
145 
                        <li><a href="#">下拉链接</a> </li>
146 
                        <li><a href="#">下拉链接</a> </li>
147 
                        <li><a href="#">下拉链接</a> </li>
148 
                    </ul>
149 
                </li>
150 
                <li role="presentation"><a>导航三</a></li>
151 
            </ul>
152
153 
        </div>
154 
    </div>
155 
</body>
156 
</html>
2.导航条
    2.1 总结

    2.2 示例效果图

    2.3 示例代码 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>组件</title>
    <!--引入bootstrap样式文件-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--引入jq（必须在bootstrap.min.js文件之前）-->
    <script type="application/javascript" src="js/jquery-3.2.0.js"></script>
    <!--引入bootstrap js-->
    <script type="application/javascript" src="js/bootstrap.min.js"></script>

</head>
<body style="margin: 60px">

<!--静止到顶部(随着页面滚动消失)-->
<div class="navbar navbar-default  navbar-static-top">
    <div class="container-fluid">

        <!--头部品牌-->
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="img/img.jpg" width="30px" height="30px">
            </a>
        </div>

        <!--导航主体内容-->
        <div class="collapse navbar-collapse" id="navbar-collapse-1">

            <ul class="nav navbar-nav">

                <!--链接-->
                <li class="active"><a href="#">链接</a> </li>

                <!--下拉菜单-->
                <li class="dropdown" style="margin-top: 0px">

                    <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                       aria-haspopup="true">
                        下拉菜单<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">link1</a> </li>
                        <li><a href="#">link2</a> </li>
                        <li><a href="#">link3</a> </li>
                    </ul>
                </li>

                <!--表单-->
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control"  placeholder="查询">
                    </div>
                    <button type="submit" class="btn btn-success">提交</button>
                </form>

                <!--按钮 -->
                <button type="button" class="btn btn-info navbar-btn">按钮</button>

                <!--文本-->
                <p class="navbar-text navbar-left">导航条文本</p>

                <!--非导航链接-->
                <p class="navbar-text navbar-right">导航链接:<a href="#" class="navbar-link">link</a> </p>
            </ul>
        </div>
    </div>

</div>

    <div class="panel panel-danger" style="height: 800px">
        <div class="panel-heading">
            导航条能添加的元素
        </div>
        <div class="panel-body">
            <div class="navbar navbar-default">
                <div class="container-fluid">

                    <!--头部品牌-->
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">
                            <img src="img/img.jpg" width="30px" height="30px">
                        </a>
                    </div>

                    <!--导航主体内容-->
                    <div class="collapse navbar-collapse" id="navbar-collapse-1">

                        <ul class="nav navbar-nav">

                            <!--链接-->
                            <li class="active"><a href="#">链接</a> </li>

                            <!--下拉菜单-->
                            <li class="dropdown" style="margin-top: 0px">

                                <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                                   aria-haspopup="true">
                                    下拉菜单<span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">link1</a> </li>
                                    <li><a href="#">link2</a> </li>
                                    <li><a href="#">link3</a> </li>
                                </ul>
                            </li>

                            <!--表单-->
                            <form class="navbar-form navbar-left">
                                <div class="form-group">
                                    <input type="text" class="form-control"  placeholder="查询">
                                </div>
                                <button type="submit" class="btn btn-success">提交</button>
                            </form>

                            <!--按钮 -->
                            <button type="button" class="btn btn-info navbar-btn">按钮</button>

                            <!--文本-->
                            <p class="navbar-text navbar-left">导航条文本</p>

                            <!--非导航链接-->
                            <p class="navbar-text navbar-right">导航链接:<a href="#" class="navbar-link">link</a> </p>
                        </ul>
                    </div>
                </div>
                
            </div>

            <hr/>

            <div class="navbar navbar-inverse">
                <div class="container-fluid">

                    <!--头部品牌-->
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">
                            <img src="img/img.jpg" width="30px" height="30px">
                        </a>
                    </div>

                    <!--导航主体内容-->
                    <div class="collapse navbar-collapse" id="navbar-collapse-1">

                        <ul class="nav navbar-nav">

                            <!--链接-->
                            <li class="active"><a href="#">链接</a> </li>

                            <!--下拉菜单-->
                            <li class="dropdown" style="margin-top: 0px">

                                <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                                   aria-haspopup="true">
                                    下拉菜单<span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">link1</a> </li>
                                    <li><a href="#">link2</a> </li>
                                    <li><a href="#">link3</a> </li>
                                </ul>
                            </li>

                            <!--表单-->
                            <form class="navbar-form navbar-left">
                                <div class="form-group">
                                    <input type="text" class="form-control"  placeholder="查询">
                                </div>
                                <button type="submit" class="btn btn-success">提交</button>
                            </form>

                            <!--按钮 -->
                            <button type="button" class="btn btn-info navbar-btn">按钮</button>

                            <!--文本-->
                            <p class="navbar-text navbar-left">导航条文本</p>

                            <!--非导航链接-->
                            <p class="navbar-text navbar-right">导航链接:<a href="#" class="navbar-link">link</a> </p>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </div>

<!--固定顶部-->
<div class="navbar navbar-default  navbar-fixed-top">
    <div class="container-fluid">

        <!--头部品牌-->
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="img/img.jpg" width="30px" height="30px">
            </a>
        </div>

        <!--导航主体内容-->
        <div class="collapse navbar-collapse" id="navbar-collapse-1">

            <ul class="nav navbar-nav">

                <!--链接-->
                <li class="active"><a href="#">链接</a> </li>

                <!--下拉菜单-->
                <li class="dropdown" style="margin-top: 0px">

                    <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                       aria-haspopup="true">
                        下拉菜单<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">link1</a> </li>
                        <li><a href="#">link2</a> </li>
                        <li><a href="#">link3</a> </li>
                    </ul>
                </li>

                <!--表单-->
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control"  placeholder="查询">
                    </div>
                    <button type="submit" class="btn btn-success">提交</button>
                </form>

                <!--按钮 -->
                <button type="button" class="btn btn-info navbar-btn">按钮</button>

                <!--文本-->
                <p class="navbar-text navbar-left">导航条文本</p>

                <!--非导航链接-->
                <p class="navbar-text navbar-right">导航链接:<a href="#" class="navbar-link">link</a> </p>
            </ul>
        </div>
    </div>

</div>

<!--固定底部-->
<div class="navbar navbar-default  navbar-fixed-bottom">
    <div class="container-fluid">

        <!--头部品牌-->
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="img/img.jpg" width="30px" height="30px">
            </a>
        </div>

        <!--导航主体内容-->
        <div class="collapse navbar-collapse" id="navbar-collapse-1">

            <ul class="nav navbar-nav">

                <!--链接-->
                <li class="active"><a href="#">链接</a> </li>

                <!--下拉菜单-->
                <li class="dropdown" style="margin-top: 0px">

                    <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false"
                       aria-haspopup="true">
                        下拉菜单<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">link1</a> </li>
                        <li><a href="#">link2</a> </li>
                        <li><a href="#">link3</a> </li>
                    </ul>
                </li>

                <!--表单-->
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control"  placeholder="查询">
                    </div>
                    <button type="submit" class="btn btn-success">提交</button>
                </form>

                <!--按钮 -->
                <button type="button" class="btn btn-info navbar-btn">按钮</button>

                <!--文本-->
                <p class="navbar-text navbar-left">导航条文本</p>

                <!--非导航链接-->
                <p class="navbar-text navbar-right">导航链接:<a href="#" class="navbar-link">link</a> </p>
            </ul>
        </div>
    </div>

</div>


</body>
</html>


3.路径导航（面包屑导航）
    面包屑导航比较简单，我们就直接撸一个简单的示例好了

 3.1 示例代码
 
1 
<!DOCTYPE html>
2 
<html>
3 
<head lang="en">
4 
    <meta charset="UTF-8">
5 
    <title>组件</title>
6 
    <!--引入bootstrap样式文件-->
7 
    <link href="css/bootstrap.min.css" rel="stylesheet">
8 
    <!--引入jq（必须在bootstrap.min.js文件之前）-->
9 
    <script type="application/javascript" src="js/jquery-3.2.0.js"></script>
10 
    <!--引入bootstrap js-->
11 
    <script type="application/javascript" src="js/bootstrap.min.js"></script>
12 
</head>
13 
<body style="margin: 60px">
14 
    <ol class="breadcrumb">
15 
        <li><a class="#">Home</a> </li>
16 
        <li><a class="#">Page 1</a> </li>
17 
        <li><a class="#">Page 2</a> </li>
18 
        <li><a class="#">Page 3</a> </li>
19 
    </ol>
20 
</body>
21 
</html>
  3.2 示例效果截图

    ok,bootstrap导航就学习到这儿。

小巷下起了雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap历练实例：面板的标题
adiking520110的博客
11-27 97
面板标题 我们可以通过以下两种方式来添加面板标题： 使用.panel-headingclass 可以很简单地向面板添加标题容器。to easily add a heading container to your panel. 使用带有.panel-titleclass 的 <h1>-<h6> 来添加预定义样式的标题。 下面的实例演示了这两种...
bootstrap导航
weixin_30586257的博客
05-03 82
导航 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类能够改变样式。 标签页 注意 .nav-tabs 类依赖 .nav 基类 代码例如以下 <!DOCTYPE html> <html ng-app="UserInfoCtrl"> <head> <meta charset="utf-8"...
Bootstrap页面整合（十二）
最新发布
dengfengling999的博客
12-03 1333
首先引入bootstrap： 复制导航条代码：修改导航条： 删除 改完的导航条： 使用列表组或者手风琴来实现左侧菜单：复制手风琴代码首先使用栅格布局2分写菜单，10写主要内容 把手风琴的代码复制到2分的div内：就出现手风琴效果 手风琴里嵌套列表组：修改代码： 带上 in默认展开的：去掉in 在10分的中心内容做一个标签页： 修改代码： 在中心内容添加分页： 给添加按钮添加弹出的模态框： js： 点击添加用户按钮： 给删除按钮添加模态框：首先复制一份模态框：
Bootstrap Nav
Hello World ~
07-19 2034
Bootstrap中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 在标签页上使用导航需要依赖JavaScript标签页插件 确保导航组件的可访问性 如果使用导航组件实现导航条功能，务必在的最外侧的逻辑父元素上添加 role="navigation"属性，或者用一个包裹整个导航组件。不要将role属性添加到上，因为这样可以被辅助设备（残疾人用的）上识别唯一个
在同一个页面切换导航栏保持正确选中状态（单页面）
u011555620的专栏
05-27 1898
方法一：触发点击事件 选中状态class是active， $(function(){ $(".clearfix li").click(function() { $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式 $(this).addClass('active'); // 添加当前元素的样式 }); }); 方法二 监听onha...
Bootstrap基本组件学习笔记之分页(12)
09-01
在本篇笔记中，我们将专注于Bootstrap中的一个关键组件——分页，这在处理大量数据分页展示时尤其有用。 0x01 默认的分页 Bootstrap的分页组件`.pagination`通过简单的HTML结构即可实现。下面是一个基础的分页示例...
Bootstrap基本组件学习笔记之列表组(11)
09-01
此外，列表组还可以与其他Bootstrap组件结合使用，如按钮、链接、图像等，以实现更丰富的交互和布局。例如，将列表项转换为可点击的按钮或链接，只需添加`.list-group-item-action`类。 ```html 操作链接 操作按钮 ...
Bootstrap基本组件学习笔记之按钮组(8)
11-27
在本文中，我们将探讨Bootstrap中的一个重要组件——按钮组（Button Group），以及如何在其中嵌套下拉菜单。这对于构建功能丰富的用户界面至关重要。 按钮组允许我们将多个按钮紧密地组织在一起，形成一个单元，这...
BootStrap中li role=
12-29
最近在学习bootstrap3.3.5，遇到一个问题搞不清楚<li role=presentation>到底什么含义？ 网上到处查国内资料很少，没有表达最贴切含义，在GitHub 查到了相关资料结合“图灵计算机词汇” 在图灵计算机词汇里也可以查询其含义： presentation  n. 【Web】表现层；[计] 简报，列表单；【通用软件】演示（来源：图灵计算机词汇表）； n.  赠与，赠送，描述，简述，介绍，陈述，表达；[医] 先露，表象(心理)；[经] 提示, 交单； 由此可以推断：presentation在bootstrap<li role=presentation>中意为：【
浅析Bootstrap中Tab（标签页）的使用方法
热门推荐
皮蛋瘦肉没有肉
11-23 8万+
Bootstrap 导航元素使用相同的标记和基类，改变修饰的class，可以在不同的样式间进行切换 如".nav-pills"（胶囊式导航）与 ".nav-tabs" （标签式导航） 创建一个标签式的导航菜单： 以一个带有 class .nav 的无序列表开始。添加 class .nav-tabs。 下面的实例演示了这点： Home Profile
bootstrap导航条 标签页怎么高亮当前选中项
03-29 7991
问题描述:bootstrap nav-tabs怎么选中当前项active属性 为什么使用js或者jquery 如下设置class和移除class active属性后，还是无反应？或者点一下就变回去了？ &lt;li role="presentation" class="roleText active" id="roleText"&gt; &lt;a here ="http:/...
使用React创建博客应用程序，第3部分：添加和显示帖子
代码教主
06-16 218
在本教程系列的上一部分中，您了解了如何实现注册和登录功能。 在本部分的教程中，您将实现用户主页以及添加和显示博客文章的功能。 入门 让我们从教程第一部分的源代码开始克隆。 https://github.com/royagasthyan/ReactBlogApp-SignUp 克隆目录后，导航至项目目录并安装所需的依赖项。 cd ReactBlogApp-SignUp npm insta...
【Bootstrap】013-组件：导航、导航条、路径导航
訾博（ZiBo）的博客
10-07 747
目录 一、导航 1、概述 2、标签页 代码演示： 运行结果： 3、胶囊式标签页 代码演示： 运行结果： 4、两端对齐的标签页 代码演示： 运行结果： 5、禁用的链接 代码演示： 运行结果： 6、添加下拉菜单 带下拉菜单的标签页： 二、导航条 1、默认样式的导航条 代码演示： 运行结果： 2、品牌图标 代码演示： 运行结果： 3、表单 代码演示： 运行结果： 备注： 4、按钮 代码演示： 运行结果： 备注： 5、文本 代码演示： 运行结果：
Bootstrap学习笔记（四）
SCU_Cindy
06-25 329
这一节主要介绍组件中的导航栏、导航条。Navigation。在实际项目中，导航栏是很常见的一种组件。学好这个总没差，早晚用得到。
bootstrap中<li role="presentation">表示真实含义是什么？
哈里·雪利博客
12-10 1万+
最近在学习bootstrap3.3.5，遇到一个问题搞不清楚到底什么含义？ 网上到处查国内资料很少，没有表达最贴切含义，在GitHub 查到了相关资料结合“图灵计算机词汇” 在图灵计算机词汇里也可以查询其含义： presentation   n. 【Web】表现层；[计] 简报，列表单；【通用软件】演示（来源：图灵计算机词汇表）； n.  赠与，赠送，描述，简述，介绍，陈
HTML5 无障碍网页设计开发指南
张赐荣的技术博客
02-18 4262
无障碍网页标准规范(作者:张赐荣) 能够被残障人士使用的网站才能称得上一个易用的（易访问的）网站。无障碍网页特别针对残障人士的需要本文主要介绍WCAG无障碍网页标准及开发建议。
Bootstrap 学习之（十）------ 导航与导航条
俊刚的博客
10-31 4427
导航 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 标签页 注意 .nav-tabs 类依赖 .nav 基类。 Home Profile Messages 胶囊式标签页 HTML 标记相同，但使用 .nav-pills 类： Home Profile Messages
HTML标签的role作用
qq_34639706的博客
06-12 3115
看到别人代码中出现role属性，记录一下： <li role="tab" class=tabs-tab>tab1</li> role 是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。 通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。 role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button <l
Bootstrap CSS组件实战：导航与交互设计
本资源是一份关于Bootstrap CSS组件的PPT，涵盖了北大青鸟课工场的学习内容，主要目标是教授学生如何在前端开发中运用Bootstrap的各种组件来提升网站设计的交互性和美观度。以下是详细的知识点概述： 1. **下拉菜单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值