Bootstrap 框架
文章平均质量分 80
Bootstrap 框架
汪末末
努力做好自己喜欢的每一件事
展开
-
Bootstrap JavaScript插件:Affix插件 (affix.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMinAffix插件(affix.js)是一个很有用的插件,它可以让你的导航始终都固定在某个位置。一开始的时候,导航出现在页面的某个位置,当页面滚动一定距离时,无论页面如何滚动,它都固定在一个位置,就像被帖在页面上一样。使用方法1. 必须定义一个监听页面滚动的元素,它通常是 body 元素。需要给监听元素定义 data-spy=“scroll” 属性来启动滚动监听功能,还要添加 data-targe原创 2020-09-10 16:38:21 · 1244 阅读 · 1 评论 -
Bootstrap JavaScript插件:轮播插件 (carousel.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMinBootstrap 的轮播插件(carousel.js)是一个灵活的、响应式的、无缝循环播放的幻灯片切换插件,它的内容可以是图片、视频、或者其他任何内容。整体结构Bootstrap中的轮播由一个 class=“carousel” 的容器定义,其中包含轮播指示器、轮播内容、轮播的控制按钮。为了确保在播放时,能够对控制按钮和轮番指示器进行正常定位,需要为容器定义一个 id。<div id=原创 2020-09-10 16:33:08 · 3004 阅读 · 0 评论 -
Bootstrap JavaScript插件:折叠内容插件 (collapse.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin折叠插件(collapse.js)可以很容易地让页面区域折叠起来。当列表菜单的条目特别多,而页面空间有限时,使用类似于手风琴的折叠菜单可以节约页面空间,方便用户浏览。实例.collapse 隐藏内容.collapsing 在转换期间应用.collapse.in显示内容可以使用带有href属性的链接,或具有数据目标属性的按钮。在这两种情况下,都需要data-toggle=“collap原创 2020-09-10 16:27:29 · 2479 阅读 · 0 评论 -
Bootstrap JavaScript插件:按钮 (button.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin状态提示通过自定义属性和简单的JavaScript,就可以让按钮具有状态提示功能。比如,没有点击按钮时,正常显示;点击按钮时,触发相应的状态,并显示该状态对应的文本信息。1. 加载状态要让按钮显示加载状态,首先要给按钮添加 data-loading-text 属性,它的值为加载状态要显示的文本信息,如 “Loading…”:<button type="button" id="myBu原创 2020-09-10 16:22:44 · 1199 阅读 · 0 评论 -
Bootstrap JavaScript插件:警告信息 (alert.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin警告框插件(alert.js)为警告框组件一个关闭功能,就是点击警告框的关闭按钮,可以让警告框消失,并将它从 DOM 中删除。使用方法1. 通过data属性关闭警告框为警告框添加一个可选的.alert-dismissible类和一个关闭按钮,就可以为警告框组件提供关闭功能。关闭按钮可以使用.close的任何元素定义,不管什么元素都必须使用.close类,并包含data-dismiss="al原创 2020-09-10 16:04:11 · 979 阅读 · 0 评论 -
Bootstrap JavaScript插件:弹出框(popover.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin弹出提示(popover.js)是工具提示的子类,它比工具提示多了一个 content 参数,是工具提示插件的拓展,并且弹出框依赖于工具提示插件tooltip.js,如果你定制了 Bootstrap,就一定要将依赖的插件编译进去。初始化。由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须要手动初始化的。在一个页面上一次性初始化所有弹出框的方式是通过data-tog原创 2020-09-10 16:00:02 · 1350 阅读 · 0 评论 -
Bootstrap JavaScript插件:工具提示(tooltip.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMinBootstrap 提示工具(Tooltip)插件工具可以通过鼠标移动到选定的特定的元素上时,显示出相关的提示语。当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息。静态样式:用法提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是原创 2020-09-09 17:21:57 · 1431 阅读 · 0 评论 -
Bootstrap JavaScript插件:可切换标签 (tab.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin一个可切换的标签导航包含两部分内容,一个是标签导航,一个是内容面板。每个标签都有一个对应的内容面板,当标签发生切换时,自动切换到相应的内容面板。内容面板如下:<div class="tab-content"> <div class="tab-pane active" id="tab1" role="tabpanel"> <p>第一部分</p>原创 2020-09-09 17:08:53 · 1492 阅读 · 0 评论 -
Bootstrap JavaScript插件:滚动监听 (scrollspy.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示,滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。用法注意:依赖 Bootstrap 的导航组件滚动监听插件依赖 Bootstrap 的导航组件 用于高亮显示当前激活的链接。导航栏链接必须有可解析的id目标。例如,<a href=“#home”>home</a>必须对应于原创 2020-09-09 16:57:37 · 770 阅读 · 0 评论 -
Bootstrap JavaScript插件:下拉菜单 (dropdown.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin下拉菜单主体结构参照 Bootstrap 组件:下拉菜单组件的使用 部分,这里主要讲下拉菜单的主要效果的实现。使用通过data数据属性或JavaScript,dropdown插件通过切换父列表项上的.open类来切换隐藏的内容(下拉菜单)。在移动设备上,打开一个下拉菜单会添加一个.dropdown背景作为一个点击区域,当你在菜单外点击时,可以关闭下拉菜单。这意味着从一个打开的下拉菜单切换到原创 2020-09-09 16:54:08 · 1924 阅读 · 0 评论 -
Bootstrap JavaScript插件:模态框 (modal.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin注意:模态框不支持嵌套,需要嵌套模态框的话,只能自己手动实现。模态框包含的html最好尽量作为body的直接子元素,以避免其他组件影响模态框的展现和功能。弹出层出来以后,页面的滚动条会被覆盖。模态框主体结构包含了模态框的头、体和一组放置于底部的按钮 :modal 弹出层父级modal-dialog 弹出层modal-content 弹出层的内容区域modal-header 弹原创 2020-09-09 16:44:35 · 2161 阅读 · 0 评论 -
Bootstrap JavaScript插件: 过渡效果 (transition.js)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin对于简单的过渡效果,只需将transition.js和其它 JS 文件一起引入即可。如果你引入的是压缩版的bootstrap.min.js文件( bootstrap.min.js中包含transition.js ),就不用再单独将其引入了。此外,所有插件默认已经具有基本的过渡效果。例如:模态对话框(Modal)的滑入滑出和淡入淡出;标签页(Tab)的淡出;警告框(Alert)的淡出;轮番原创 2020-09-09 16:28:24 · 772 阅读 · 0 评论 -
Bootstrap JavaScript插件: JavaScript 插件引入前提
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin引入js文件bootstrap.js和bootstrap.min.js都包含了所有插件,你在使用时,只需选择一个引入页面就可以了, 建议使用压缩版的 JavaScript 文件(bootstrap.min.js)。注意:所有插件都依赖 jQuery (也就是说,jQuery必须在bootstrap.min.js之前引入页面)。data 属性1. data-属性data属性是HTML5原创 2020-09-09 16:10:09 · 826 阅读 · 0 评论 -
Bootstrap 组件:嵌入效果(Well)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin默认样式Well是一种会引起内容凹陷或插图效果的容器div,只需要简单地把内容放在带有class well的div中即可。效果如下:<div class="well"> 把 Well 用在元素上,就能有嵌入(inset)的简单效果。</div>尺寸大小可以使用可选类well-lg 或well-sm来改变Well的尺寸大小,也就是通过容器的内边距来改变大小。原创 2020-09-09 15:57:52 · 334 阅读 · 1 评论 -
Bootstrap 组件:面板组件(panel)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin基础面板非常简单,就是一个div容器中运用了类.panel的样式,产生一个具有边框的文本显示块,由于panel不控制主题颜色,所以在.panel基础上增加一个控制颜色的主题的类.panel-default,在里面添加一个div.panel-body来放置面板主体内容。默认样式默认的.panel组件所做的只是设置基本的边框(border)和内补(padding)来包含内容。其用法如下:<原创 2020-09-09 15:35:41 · 4751 阅读 · 1 评论 -
Bootstrap 组件:列表组组件(list-group)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。列表组可以用来制作列表清单、垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件。列表组看上去就是去掉了列表符号的列表项,并且配上一些特定的样式,在bootstrap框架中的基础列表组主要包括两个部分:类状态list-group列表组容器,常用的是ul元素,也可以是ol或div元素l原创 2020-09-07 23:24:18 · 3207 阅读 · 1 评论 -
Bootstrap 组件:媒体对象组件(media)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin在web页面中,图片居左,内容居右排列(图片居右,内容居左排列),是非常常见的效果,它也就是媒体对象,它是一种抽象的样式,可以用来构建不同类型的组件。默认样式默认样式的媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容(图像、视频、音频)。媒体对象一般是成组出现,一组媒体对象一般包括以下几部分:1、媒体对象的容器:用来容纳媒体对象的所有内容,容器上需使用类名.media2、媒体对原创 2020-09-07 23:11:26 · 2814 阅读 · 0 评论 -
Bootstrap 组件:进度条组件(progress)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。注意: 进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Opera 12 不支持 animation 属性。默认样式进度条实现原理:需要两个容器,外容器使用类名.progress原创 2020-09-07 22:51:36 · 1571 阅读 · 0 评论 -
Bootstrap 组件:警告框组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。实例将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框,.alert类是必须要设置的,另外还提供了有特殊意义的4个类(例如,.alert-success),代表不同的警告信息。注意:警告框没有默认类,只有基类和修饰类。默认的灰色警告框并没有多少意义。类状态.alert-succes成功原创 2020-09-07 22:06:15 · 967 阅读 · 0 评论 -
Bootstrap 组件:缩略图组件(thumbnail)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin缩略图用于给图片、视频、文本等加入栅格功能,很适合以网格形式展示图片、视频、商品列表等。默认的缩略图非常简单,只需把图片放在 class=“thumbnail” 的 a 标签中即可。默认样式的实例Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片。单张图片缩略图如下:<a href="##" class="thumbnail"> <img src原创 2020-09-07 22:01:41 · 2516 阅读 · 0 评论 -
Bootstrap 组件:页头组件 (page-header)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin页头组件(.page-header)能够为h1标签增加适当的空间,并且与页面的其他部分形成一定的分隔。它支持h1标签内内嵌small元素的默认效果。用法如下:<div class="page-header"> <h1>标题<small> 2020/7/28 13:00:00</small></h1></div>原创 2020-09-07 21:56:30 · 1327 阅读 · 0 评论 -
Bootstrap 组件:巨幕(jumbotron)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin它是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。如果一个网站需要在任何地方展示它的关键内容都可以使用这个类 .jumbotron,它的用法如下:<div class="jumbotron" > <h1>大标题</h1> <p>标题简介</p> <p><a c原创 2020-09-07 21:52:19 · 2297 阅读 · 0 评论 -
Bootstrap 组件:徽章(badge)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin给链接、导航等元素嵌套<span class="badge">元素,主要用于突出显示新的或未读的信息列表。具体使用参考网站结构。 <a href="#">Messages <span class="badge">42</span></a>注意:如果没有新的或未读的信息条目,也就是说不包含任何内容,徽章组件能够自动隐藏。但是徽章组件原创 2020-09-07 21:46:51 · 512 阅读 · 0 评论 -
Bootstrap 组件:标签组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin标签都基于 .label,所以每一个需要使用标签类的元素都要加上这个类,用下面的任何一个类都可改变标签的外观。以下是几个类:类状态.label-primary“primary” 类型的蓝色标签.label-default默认的灰色标签.label-primary“primary” 类型的蓝色标签.label-success“success” 类型的绿原创 2020-09-07 21:42:02 · 360 阅读 · 0 评论 -
Bootstrap 组件:分页组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin给网站或应用提供带有展示页码的分页组件,或者可以使用简单的翻页组件。默认分页样式注意:标记分页组件。分页组件应该包装在nav元素中,以将其标识为屏幕阅读器和其他辅助技术的导航部分。此外,由于一个页面可能已经有多个这样的导航部分(例如标题中的主导航或侧栏导航),建议为nav提供一个描述性的aria标签,以说明它的用途。例如,如果分页组件用于在一组搜索结果之间导航,则适当的标签可以是aria l原创 2020-09-07 21:36:16 · 2418 阅读 · 0 评论 -
Bootstrap 组件:面包屑导航(breadcrumb)
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin使用类.breadcrumb在一个带有层次的导航结构中标明当前页面的位置。各路径间的分隔符已经自动通过 CSS 的:before和content属性添加了。<ol class="breadcrumb"> <li><a href="#">首页</a></li> <li><a href="#">消息列表</原创 2020-09-06 19:41:03 · 398 阅读 · 0 评论 -
Bootstrap 组件:导航条组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMinBootstrap中的导航条(navbar)是放在应用或网站的头部,作为导航的响应式基础组件,它能够根据浏览器窗口宽度,自动调整导航条的显示状态,在移动设备上折叠(并且可开可关),在视口(viewport)宽度增加时逐渐变为水平展开模式。默认样式的导航条Bootstrap的导航条包含两部分内容:一部分用来放置图标按钮,由.navbar-header的容器定义;另一部分用来放置导航组件,由.na原创 2020-09-06 19:35:48 · 2828 阅读 · 0 评论 -
Bootstrap 组件:导航组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMinBootstrap 中的导航组件都依赖同一个.nav类,状态类也是共用的。改变修饰类可以改变样式。注意:1. 在标签页上使用导航需要依赖 JavaScript 标签页插件2. 确保导航组件的可访问性如果你在使用导航组件实现导航条功能,必须在<ul>的最外侧的逻辑父元素上添加role="navigation"属性,或者用一个<nav>元素包裹整个导航组件。标签页原创 2020-09-06 19:28:18 · 574 阅读 · 0 评论 -
Bootstrap 组件:输入框组组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin通过在文本输入框 前面、后面或是两边加上文字或按钮,可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类,可以给 .form-control 的前面或后面添加额外的元素。注意:1. 只支持文本输入框<input>这里请避免使用<select>元素和<textarea>元原创 2020-09-06 19:21:25 · 2135 阅读 · 0 评论 -
Bootstrap 组件:按钮式下拉菜单组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin把任意一个按钮放入.btn-group中,然后加入适当的菜单标签,就可以让按钮作为菜单的触发器了。注意:按钮式下拉菜单依赖 下拉菜单插件,因此需要将此插件包含在你所使用的 Bootstrap 版本中。单按钮下拉菜单按钮式下拉菜单其实就是普通的下拉菜单,唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”,display从block换成了inline-bloc原创 2020-09-04 19:04:21 · 611 阅读 · 0 评论 -
Bootstrap 组件:按钮组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin通过按钮组容器(.btn-group)把一组按钮放在同一行里。通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为。注意:按钮组中的工具提示和弹出框需要特别的设置。当为.btn-group中的元素应用工具提示或弹出框时,必须指定container: 'body'选项,这样可以避免不必要的副作用(例如工具提示或弹出框触发时,会让页面元素变宽和/或失去圆角)。确保设置正确的role属性原创 2020-09-04 18:56:57 · 557 阅读 · 0 评论 -
Bootstrap 组件:下拉菜单组件的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin用于显示链接列表的可切换、有上下文的菜单。如果要实现下拉菜单的交互性, 要使用JavaScript 。实例将下拉菜单按钮触发器和下拉菜单都包裹在.dropdown里,或者另一个添加了position: relative;的元素。然后加入组成菜单的 HTML 代码。为下拉菜单的父元素设置.dropdown类,菜单向下弹出:<div class="dropdown"> <b原创 2020-09-04 18:47:49 · 862 阅读 · 0 评论 -
Bootstrap 组件:Glyphicons 字体图标
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin所有可用的图标包括250多个来自 Glyphicon Halflings 的字体图标。例如下图的一些字体图标,更多的字体图标请见boostrap官方文档 。如何使用字体图标出于性能的考虑,所有图标都需要一个基类(glyphicon)和对应每个图标的类。为了设置正确的内补(padding),必须在图标和文本之间添加一个空格。注意:1 . 不要和其他组件混合使用图标类不能和其它组件直原创 2020-09-01 18:17:24 · 799 阅读 · 0 评论 -
Bootstrap 全局CSS样式:响应式工具类的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin为了更好的在移动设备上展示页面效果,利用媒体查询和一些工具类可以更好地针对不同的移动设备隐藏或者显示网页内容。可用的类通过单独或联合使用以下列出的类,可以针对不同移动设备屏幕尺寸隐藏或显示页面内容,每个针对 CSS 中不同的display属性。如下表:超小屏幕手机 (<768px)小屏幕平板 (≥768px)中等屏幕桌面 (≥992px)大屏幕桌面 (≥1200px)原创 2020-09-01 17:57:58 · 587 阅读 · 0 评论 -
Bootstrap 全局CSS样式:辅助类的使用
作者: WangMin格言: 努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin情境文本颜色六种文本色, 分别代表不同的场景,以text-开头,在鼠标经过时颜色可以还可以加深 。-primary 主色-info 副色-success 成功色-warning 警告色-danger 错误色文本多了一种柔弱色text-muted, 默认为浅灰<p class="text-muted">text-muted</p><p clas原创 2020-09-01 17:46:08 · 281 阅读 · 0 评论 -
Bootstrap 全局CSS样式:图片类的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin响应式图片通过为图片添加.img-responsive类可以让图片支持响应式布局,也就是给图片设置max-width: 100%;、height: auto;和display: block;属性,从而让图片在其父元素中更好的收缩。另外,如果需要让使用了.img-responsive类的图片水平居中,请使用.center-block类,不要用.text-center。<img src=".原创 2020-09-01 17:31:20 · 259 阅读 · 0 评论 -
Bootstrap 全局CSS样式: 按钮类的使用
作者: WangMin格言: 努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin可作为按钮使用的标签或元素为<a>、<button>或<input>元素添加按钮类(button class)都可使用 Bootstrap 提供的样式。<a href="" class="btn btn-default" role="button">link 链接</a><button class="btn btn-def原创 2020-09-01 17:19:12 · 774 阅读 · 0 评论 -
Bootstrap 全局CSS样式:表单类的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control类的<input>、<textarea>和<select>元素都将被默认设置宽度属性为width: 100%;。将label元素包裹到.form-group中可以更好地展示表单。<form> <div class="form-group"> &l原创 2020-08-30 19:49:24 · 1500 阅读 · 1 评论 -
Bootstrap 全局CSS样式:表格类的使用
作者:WangMin格言:努力做好自己喜欢的每一件事CSDN原创文章博客地址 ???? WangMin基本实例给任意 <table> 标签添加类 .table 可以给表格添加基本的样式 — 少量的内补(padding)和水平方向的分隔线。实例:<table class="table"> <tr> <th>#</th> <th>表格标题</th> <th>表格标原创 2020-08-30 19:32:41 · 1562 阅读 · 1 评论 -
Bootstrap 全局CSS样式:代码块的引用
内联代码通过<code>标签包裹内联样式的代码片段。如果您想要内联显示代码,那么你应该使用 标签。<p>通过 <code><code></code> 标签包裹内联样式的代码片段。如果您想要**内联显示代码**,那么你应该使用 标签。</p>用户输入通过<kbd>标签标记用户通过键盘输入的内容。<p>通过kbd标签标记用户通过键盘输入的内容。<kbd>cd</k原创 2020-08-30 19:14:44 · 723 阅读 · 0 评论