Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit e37f4c1

Browse files
author
ShiHao
committed
新增滚动组件:swiper
1 parent c75e7ed commit e37f4c1

File tree

6 files changed

+132
-0
lines changed

6 files changed

+132
-0
lines changed

‎bootstrap.csproj‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
<IISExpressWindowsAuthentication />
2121
<IISExpressUseClassicPipelineMode />
2222
<UseGlobalApplicationHostFile />
23+
<Use64BitIISExpress />
2324
</PropertyGroup>
2425
<PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
2526
<DebugSymbols>true</DebugSymbols>
@@ -199,6 +200,8 @@
199200
<Content Include="js\jquery.masonry\imagesloaded.pkgd.min.js" />
200201
<Content Include="js\jquery.masonry\masonry.pkgd.min.js" />
201202
<Content Include="js\pace\pace.min.js" />
203+
<Content Include="js\swiper\swiper.min.css" />
204+
<Content Include="js\swiper\swiper.min.js" />
202205
<Content Include="js\wow\wow.min.js" />
203206
<Content Include="leftchild.html" />
204207
<Content Include="message.html" />
@@ -207,6 +210,7 @@
207210
<Content Include="sample\carousel\fullpage.html" />
208211
<Content Include="sample\carousel\owlcarousel.html" />
209212
<Content Include="sample\carousel\owlcarousel2.html" />
213+
<Content Include="sample\carousel\swiper.html" />
210214
<Content Include="sample\chart\flot.html" />
211215
<Content Include="sample\iframe\child.html" />
212216
<Content Include="sample\iframe\parent.html" />

‎carousel.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -257,6 +257,47 @@ <h2>滚动特效4</h2>
257257
</div>
258258
</div>
259259
<!--fullPage end-->
260+
<!--swiper start-->
261+
<div class="row" id="carousel-swiper">
262+
<div class="page-header text-center">
263+
<h2>滚动特效5</h2>
264+
</div>
265+
<div class="col-sm-6">
266+
<div class="form-group">
267+
<label for="inputEmail3" class="col-sm-2 control-label">插件名</label>
268+
<div class="col-sm-10">
269+
<p class="form-control-static">
270+
swiper.js
271+
</p>
272+
</div>
273+
</div>
274+
</div>
275+
<div class="col-sm-6">
276+
<div class="form-group">
277+
<label for="inputEmail3" class="col-sm-2 control-label">官网</label>
278+
<div class="col-sm-10">
279+
<a href="https://swiperjs.com/" class="btn btn-info" target="_blank">https://swiperjs.com/</a>
280+
</div>
281+
</div>
282+
</div>
283+
<div class="col-sm-12">
284+
<div class="form-group">
285+
<label for="inputEmail3" class="col-sm-1 control-label">特殊说明</label>
286+
<div class="col-sm-11">
287+
<p class="form-control-static">该插件的api完善度比较好,项目里面主要用的这个。</p>
288+
</div>
289+
</div>
290+
</div>
291+
<div class="col-sm-6">
292+
<div class="form-group">
293+
<label for="inputEmail3" class="col-sm-2 control-label">使用效果</label>
294+
<div class="col-sm-10">
295+
<a class="btn btn-primary" href="sample/carousel/swiper.html" target="_blank">预览</a>
296+
</div>
297+
</div>
298+
</div>
299+
</div>
300+
<!--swiper end-->
260301
</div>
261302
<!--我是主要内容 end-->
262303
</div>

‎index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -222,6 +222,10 @@ <h1>这是一套开源的基于bootstrap的简易框架</h1>
222222
<span class="badge">Chart库&nbsp;2016年9月10日</span>
223223
<a href="chart.html?chart-flot">加入jquery-flot库</a>
224224
</li>
225+
<li class="list-group-item">
226+
<span class="badge">Carousel库&nbsp;2021年4月19日</span>
227+
<a href="carousel.html?#carousel-swiper">加入swiper图片滚动库&nbsp;<label class="label label-danger">强烈推荐</label></a>
228+
</li>
225229
</ul>
226230
<ul class="list-group">
227231
<li class="list-group-item active">

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /