layui的基本元素之一-----导航

water_java water_java 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.2k累计阅读 2.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-06-25 11:58:44 发布 2.2k 阅读 AI 写同款· GEO 优化 ›
LayUI入门基础篇2（乐字节架构、大数据） 基本元素 按钮 用法 ​ 向任意HTML元素设定class=“layui-btn”，建立一个基础按钮。通过追加格式为*layui-btn-{type}*的class来定义其它按钮风格。 <!-- 基础按钮 --> <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a> 阅读详情

layui的基本元素之一-----导航


导航：class=“layui-nav”
如果需要hover效果，或呼出二级菜单需加载element模块

水平导航

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>水平导航菜单</legend>
</fieldset>
 
<ul class="layui-nav" lay-filter="">
  <li class="layui-nav-item"><a href="">最新活动</a></li>
  <li class="layui-nav-item layui-this">
  
  <!--
  layui-this":指向当前页面分类
  lay-filter=""：layUI的独有元素选择形式
  -->
  
    <a href="javascript:;">产品</a>
    <dl class="layui-nav-child">
      <dd><a href="">选项1</a></dd>
      <dd><a href="">选项2</a></dd>
      <dd><a href="">选项3</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd class="layui-this"><a href="">选中项</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>

效果：在这里插入图片描述

带徽章和图片的导航

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>导航带徽章和图片</legend>
</fieldset>
 
<ul class="layui-nav">
  <li class="layui-nav-item">
  
  <!--
class="layui-badge":默认徽章
-->
    <a href="">控制台<span class="layui-badge">9</span></a>
  </li>
  <li class="layui-nav-item">
    <a href="">个人中心<span class="layui-badge-dot"></span></a>
  </li>
  <!--
 class="layui-nav-img"：图片
 lay-unselect="":不出现选中效果
-->
  <li class="layui-nav-item" lay-unselect="">
    <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">修改信息</a></dd>
      <dd><a href="javascript:;">安全管理</a></dd>
      <dd><a href="javascript:;">退了</a></dd>
    </dl>
  </li>
</ul>

效果：
在这里插入图片描述

导航主题

1，藏青：class=“layui-nav layui-bg-cyan”
2，墨绿：class=“layui-nav layui-bg-green”
3，艳蓝：class=“layui-nav layui-bg-blue”

<ul class="layui-nav layui-bg-cyan">
  <li class="layui-nav-item"><a href="">藏青导航</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>
<br>
<ul class="layui-nav layui-bg-green">
  <li class="layui-nav-item"><a href="">墨绿导航</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>
<br>
<ul class="layui-nav layui-bg-blue">
  <li class="layui-nav-item"><a href="">艳蓝导航</a></li>
  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
  <li class="layui-nav-item"><a href="">大数据</a></li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>

效果：
在这里插入图片描述

垂直导航菜单

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>垂直导航菜单</legend>
</fieldset>
 <!--需加载element模块-->
<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">默认展开</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项一</a></dd>
      <dd><a href="javascript:;">选项二</a></dd>
      <dd><a href="javascript:;">选项三</a></dd>
      <dd><a href="">跳转项</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">云市场</a></li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>
<!--带主题-->
<ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="demo">
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">默认展开</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项一</a></dd>
      <dd><a href="javascript:;">选项二</a></dd>
      <dd><a href="javascript:;">选项三</a></dd>
      <dd><a href="">跳转项</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">云市场</a></li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>

效果：
在这里插入图片描述

左侧导航

<div class="layui-side layui-bg-black" >

    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">所有商品</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="javascript:;">列表三</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">解决方案</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">云市场</a></li>
        <li class="layui-nav-item"><a href="">发布商品</a></li>
      </ul>
    </div>
  </div>

属性lay-shrink为空，不收缩兄弟菜单子菜单，属性lay-shrink为all，收缩全部兄弟菜单子菜单

效果：
在这里插入图片描述

默认面包屑

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>默认面包屑</legend>
</fieldset>
 
<span class="layui-breadcrumb">
  <a href="/">首页</a>
  <a href="/demo/">演示</a>
  <a><cite>导航元素</cite></a>
</span>

效果：在这里插入图片描述

自定义分隔符的面包屑

lay-separator="—"：自定义分隔符

<span class="layui-breadcrumb" lay-separator="—">
  <a href="">首页</a>
  <a href="">国际新闻</a>
  <a href="">亚太地区</a>
  <a><cite>正文</cite></a>
</span>

效果：
在这里插入图片描述

用于门户频道的面包屑

<span class="layui-breadcrumb" lay-separator="|">
  <a href="">娱乐</a>
  <a href="">八卦</a>
  <a href="">体育</a>
  <a href="">搞笑</a>
  <a href="">视频</a>
  <a href="">游戏</a>
  <a href="">综艺</a>
</span>

效果：
在这里插入图片描述

导入js文件后，编写JavaScript代码

<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    
    layer.msg(elem.text());
  });
});
</script>
收录于
前端

当前文章被收录于：

前端
32 篇文章 1 人学习

前端开发工具，技术，框架

订阅专栏 查看详情
标签
#layUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
ChatGPT高效制作PPT：从内容生成到设计优化全流程 人工智能技术正在改变传统办公文档的创作方式，其中自然语言处理（NLP）与生成式AI的结合为内容创作带来了革命性突破。以ChatGPT为代表的大语言模型（LLM）能够理解复杂指令并生成结构化内容，其核心原理是通过海量数据训练获得的语义理解和文本生成能力。在办公自动化场景中，这种技术特别适合解决PPT制作中的两大痛点：内容创作耗时和逻辑架构困难。通过精心设计的提示词工程，AI可以快速输出包含核心要点、数据支撑的完整内容框架，甚至直接生成Markdown格式的代码以便快速转换为PPT。对于商业计划、项目汇报等高频 阅读详情

相关推荐

【DICOM后处理】qt+vs 实现DICOM数据四视图显示

方法用于 设置 2D 视图的“向上”方向，即定义图像在屏幕坐标系中的朝向。该方法直接影响影像的显示方向，尤其在多平面重建（MPR）或非标准切面显示时至关重要。：方法用于 设置渲染窗口在屏幕上的显示位置（以像素为单位）。它控制的是 VTK 渲染窗口的左上角在屏幕坐标系中的坐标位置。DICOM四视图通常指同时显示医学影像的四个不同平面或视角，用于全面分析三维数据（如CT、MRI等）。：基于 标量值 设置不透明度（控制不同组织的显示），显示骨骼or显示高密度流体等。默认朝向原点 (0, 0, 0)

weixin_41804847的博客 1325

Layui 21 nav 导航组件

layui nav 导航组件；水平导航；垂直导航；面包屑导航；

monian187的博客 1035

AOA(Angle of Arrival，到达角)定位算法及其误差分析的原理和MATLAB仿真_aoa定位算法

如图所示，有基站 S 1 ( x 1 , y 1 , z 1 ) , S 2 ( x 2 , y 2 , z 2 ) S_1(x_1,y_1,z_1),S_2(x_2,y_2,z_2) S1​(x1​,y1​,z1​),S2​(x2​,y2​,z2​)，目标 T ( x , y , z ) T(x,y,z) T(x,y,z)。2+(z_1-z_2)^2} step1:两基站间的距离L=(x1−x2)2+(y1​−y2​)2+(z1​−z2​)2。

2401_87555613的博客 1482

【Layui】选项卡Tab：完美实现网页内容分类与导航

Layui选项卡是一种基于Layui框架的前端组件，用于创建多个选项卡并在其之间进行切换。Layui是一个轻量级、易用、灵活的前端UI框架，旨在简化前端开发过程。使用Layui选项卡，你可以在页面中创建多个选项卡标签，每个标签对应一个内容区域。用户可以点击选项卡标签来切换显示相应的内容区域。这种方式常用于页面的分组显示或切换不同的功能模块。Layui选项卡提供了丰富的配置选项，包括标签样式、选项卡切换的触发事件、内容区域的布局方式等。它还支持动态添加和删除选项卡，以及自定义选项卡的样式和功能。

无法自律的人的博客 7004

SigFit实战：从FEA到光学仿真的热力耦合分析全流程解析

在光机系统与芯片封装等精密工程领域，热与力的耦合效应是影响产品性能与可靠性的核心物理问题。有限元分析（FEA）是预测结构在热、力载荷下变形与应力的基础工具，但其结果通常无法直接用于评估光学性能。这需要一座桥梁，将物理场数据转化为光学设计语言。其核心原理在于数据映射与面形表征技术，例如通过泽尼克多项式拟合，将离散的节点位移分解为离焦、像散等标准光学像差。这项技术的工程价值在于，它实现了多物理场仿真的闭环，使工程师能在设计阶段精准预测热变形或应力对波前误差、调制传递函数等关键光学指标的影响。其典型应用场景包括高

weixin_28630185的博客 334

传感器：MQ-5燃气模块测量燃气值（底部附代码）

本篇文章介绍使用MQ-5燃气模块测量燃气值，CPU还是选择单片机，MQ-5主要使用的技术为ADC，燃气对于单片机来说是模拟信号，需要转换为数字信号，再经过相关计算公式将燃气模拟值转换成对应的燃气数值，便于人们方便查看。例如家庭使用燃气模块测量燃气值，如果燃气值超过一定的范围，可以外设一个报警装置，保证家庭的生命安全。（1）ADC（analog to digital converter）即模数转换器，它可以将模拟信号转换为数字信号。按照其转换原理主要分为逐次逼近型、双积分型、电压频率转换型三种。STM32F1

Mr_zhang1911116的博客 1万+

Layui-导航

这次介绍layui里面的导航栏的样式，首先导航栏的功能依附于element模块，所以想要使用layui的导航栏功能就需要启用该模块，其次是layui的css样式，有了这两样layui里的导航栏就可以正常的使用了，下面我将介绍如何启用模块和css样式的各种用法 首先启用模块，如下图 下面就是HTML的部分了 首先是水平导航栏，在外层使用ul标签并使用class名layui-nav作为导航栏的容器，接着下面的li子标签需要使用class名layui-nav-item，其次layu...

chen2745213271的博客 5888

Java高频面试基础问题与知识点整理

Java高频面试知识点总结：覆盖高频基础知识考点+高频集合知识点深入分析+高频多线程与并发编程面试题汇总+其他扩展考察等。

曾经“等你生日那天”都遥远得像未来，如今却可欢愉的挥手说“下个十年见” 172万+

layui(2)----页面元素

默认情况下不会显示百分比文本，如果你想开启，对属性lay-showPercent设置任意值即可，如：yes。但如果不想显示，千万别设置no或者false，直接剔除该属性即可。徽章是一个修饰性的元素，它们本身细小而并不显眼，但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬，而显得十分和谐。对导航元素结构设定可选属性和 CSS 类名，可让导航菜单项达到不同效果。一般的面板通常是指一个独立的容器，而折叠面板则能有效地节省页面的可视面积。来开启手风琴，那么在进行折叠操作时，始终只会展现当前的面板。

wuzj1314的博客 1609

高温环境下（100℃以上）相机的几种保障方案

高温环境下相机保障措施摘要：针对120℃以上高温环境，相机需采取多重防护：1.散热设计采用金属机身、散热鳍片或风扇；2.关键部件选用耐高温材料（铝合金、特种玻璃）；3.电子元件需军规级芯片并做三防处理；4.建议外接电源或耐高温电池。工业相机（如FLIR A655sc、Basler ace）及特种机型（Ximea xiQ）具备高温适应性，普通相机可加装隔热套件配合冷却系统。选择时需关注传感器信噪比和全局快门性能，并设置温度监控保护机制。注意高温会加速设备老化，需定期检测维护。（149字）

start_up_go的博客 1583

2.4 提示词优化

我们在使用大模型的时候，同一任务使用不同表述的提示词，可能得到差异巨大的结果，因为模型的性能高度依赖输入提示词的质量。我们可以通过提示词优化来更高效地获取理想输出。

从0到1，突破自己 1008

Layui快速入门之第五节 导航

Layui快速入门之第五节 导航

qq_61313896的博客 2418

嵌入式代码审计中常见的漏洞（四）

经过漫长时间的迭代更新，内容从一开始的碎片化网罗搜集，到排版与整合划分，再到学习与实践验证，最后摒弃初始，用自己的语言与实践结论通俗的将它展现出来。强化知识技能的同时也为读者带来更好的阅读体验。 本篇介绍了以下代码安全问题： 编号 漏洞 1 敏感信息硬编码 2 未初始化安全 3 越界访问 4 迭代器失效 5 迭代器尾部解引用

武天旭的博客 3314

3.Layui3个基本元素

1.按钮 2.导航 3.菜单

小阿宁的猫猫 556

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

文档：亲测可用解决vnc灰屏，黑屏，鼠标大黑叉情况

主要解决vnc-viewer灰屏，黑屏，鼠标大黑叉等现象，详细见文档。

Layui基础入门

layui基础入门

axbhealj的博客 1468

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

layUI基本元素--乐字节前端

基本元素 按钮 用法 ​ 向任意HTML元素设定class=“layui-btn”，建立一个基础按钮。通过追加格式为*layui-btn-{type}*的class来定义其它按钮风格。 <!-- 基础按钮 --> <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>

dirft_din的博客 334

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

layui基础

LayUI基础 学习目标 1.掌握LayUI的组件开发模式 2.掌握布局容器 3.掌握基本元素 4.掌握后端开发的常用组件 第一章 基础说明 （敲代码） 从 layui 2.6 开始，如果你引入的是构建后的 layui.js，里面即包含了 layui 所有的内置模块，无需再指定内置模块。 1.1 节 LayUI 组件化开发 LayUI使用内置模块的入门案例： 1）在gitee上下载LayUI 2）将dist目录下文件拷贝到工程中 3）创建page目录，编写入门程序 <!DOCTYPE html&g

qq_46670673的博客 870

LayUI的安装及使用

LayUI 主要内容 LayUI 的安装及使用 LayUI 的介绍 ​ layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 ​ 由国人开发，16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成

weixin_52397329的博客 3280

layui

一、概述 （1）layui说明 （2）layui引用 二、图标（icon） 二、按钮（button） 三、导航栏（nav） 四、选型卡（tab） 五、进度条（progress） 六、徽章（dot） 七、面板（card） 八、颜色选择器（colorpicker） 九、轮播（carousel） 十、时间与日期选择器（laydate） 十一、表单元素 （1）输入框与密码框 （2）下拉框 （3）单选框、开关和复选框 （3）文本域 十二、表单对象form模块 （1）更新渲染 （2）预设元素属性 （3）事件监听 （4）

m0_59209367的博客 172

LayUI

LayUI 获得 layui 后，将其完整地部署（拷贝到项目中）到你的项目目录，你只需要引入下述两个文件： ./layui/css/layui.css ./layui/layui.js // 提示：如果是采用非模块化方式，此处可换成：./layui/layui.all.js 基本的入门页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" con

gaozhen666的博客 334

王和平的layui入门

2.3. 下载与使⽤ 在 官⽹⾸⻚ 下载到 layui 的最新版。⽬录结构如下： ├─css // css⽬录 │ │─modules // 模块css⽬录（⼀般如果模块相对较⼤，我们会单独提取，⽐如下⾯三个：） │ │ ├─laydate │ │ ├─layer │ │ └─layim │ └─layui.css // 核⼼样式⽂件 ├─font // 字体图标⽬录 ├─images // 图⽚资源⽬录（⽬前只有layim和编辑器⽤到的GIF表情） │─lay // 模块核⼼⽬录 │ └─modul

王和平的第三个果园 205

王和平的layui入门2

首页 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui</title> <link rel="stylesheet" href="layui/

王和平的第三个果园 429

【前端】layui前端框架学习笔记，最新大厂前端校招面试经验汇总

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。[外链图片转存中…(img-6uoxGipW-1727195870161)]

2401_87288762的博客 1209

LayUI前框框架普及版

二、LayUI基本使用 2.1 概念 2.2 下载 2.2.1 官网下载 官网 : https://layuion.com/官方文档:https://layuion.com/docs/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MeMOPgCr-1686143517855)(assets/image-20210220172436881.png)] 获得 layui 后，将其完整地部署到你的项目目录（或静态资源服务器），你只需要引入下述两个文件： 2.3 简单实例 LayU

张晨光老师的播客 2718

【前端】layui前端框架学习笔记

官网：http://layui.apixx.net/index.html国人16年开发的框架,拿来即用,门槛低。

qq_26127905的博客 1354

html %3c% page,page.html

KIT ADMINKIT ADMINK控制台商品管理 捐赠我其它系统邮件管理消息管理授权管理 Van基本资料安全设置 注销 基本元素 表格 表单 导航栏 列表四 百度一下 组件 Navbar Tab OneLevel app.js主入口 请稍等...2017 ©kit.zhengjinfan.cn/ MIT licensevar c...

weixin_39646706的博客 284
上一篇： layui的基本元素之一-----表单
下一篇： layui的基本元素之一-----选项卡
点赞 1
评论 0
书签 书签 7
water_java
water_java
博客等级 码龄7年 9粉丝 124原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值