Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
6f02b9d5
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6f02b9d5
编写于
4月 02, 2019
作者:
C
chomik
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
pagination componant
上级
ebf2c7d8
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
115 addition
and
10 deletion
+115
-10
pages/_includes/parts/pagination.html
pages/_includes/parts/pagination.html
+16
-5
pages/pagination.html
pages/pagination.html
+14
-0
scss/_variables.scss
scss/_variables.scss
+11
-4
scss/layout/_core.scss
scss/layout/_core.scss
+21
-1
scss/ui-kit.scss
scss/ui-kit.scss
+1
-0
scss/ui/_pagination.scss
scss/ui/_pagination.scss
+52
-0
未找到文件。
pages/_includes/parts/pagination.html
浏览文件 @
6f02b9d5
{% assign count = include.count | default: 5 %}
{% assign count = include.count | default: 5 %}
{% assign active-item = include.active-item | default: 2 %}
{% assign active-item = include.active-item | default: 2 %}
<ul
class=
"pagination {{ include.class }}
{% if include.pager %} pagination-pager{% endif %}
"
>
<ul
class=
"pagination {{ include.class }}"
>
<li
class=
"page-item
page-prev
disabled"
>
<li
class=
"page-item
{% if include.prev-description %} page-prev{% endif %}
disabled"
>
<a
class=
"page-link"
href=
"#"
tabindex=
"-1"
>
<a
class=
"page-link"
href=
"#"
tabindex=
"-1"
>
{% if include.left-icon %}
<i
class=
"{{ include.left-icon }}"
></i>
{% else %}Prev{% endif %}
{% if include.prev-description %}
<div
class=
"page-item-subtitle"
>
Previous
</div>
<div
class=
"page-item-title"
>
{{ include.prev-description }}
</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-left" %}{% else %}Prev{% endif %}
{% endif %}
</a>
</a>
</li>
</li>
...
@@ -11,9 +16,15 @@
...
@@ -11,9 +16,15 @@
<li
class=
"page-item{% if i == active-item %} active{% endif %}"
><a
class=
"page-link"
href=
"#"
>
{{ i }}
</a></li>
<li
class=
"page-item{% if i == active-item %} active{% endif %}"
><a
class=
"page-link"
href=
"#"
>
{{ i }}
</a></li>
{% endfor %}
{% endfor %}
<li
class=
"page-item
page-next
"
>
<li
class=
"page-item
{% if include.prev-description %} page-next{% endif %}
"
>
<a
class=
"page-link"
href=
"#"
>
<a
class=
"page-link"
href=
"#"
>
{% if include.right-icon %}
<i
class=
"{{ include.right-icon }}"
></i>
{% else %}Next{% endif %}
{% if include.next-description %}
<div
class=
"page-item-subtitle"
>
Next
</div>
<div
class=
"page-item-title"
>
{{ include.next-description }}
</div>
{% else %}
{% if include.icons %}{% include ui/icon.html icon="chevron-right" %}{% else %}Next{% endif %}
{% endif %}
</a>
</a>
</li>
</li>
</ul>
</ul>
pages/pagination.html
0 → 100644
浏览文件 @
6f02b9d5
---
title: Pagination
---
{% card %}
{% include parts/pagination.html %}
{% include parts/pagination.html icons=true %}
{% endcard %}
{% card %}
{% include parts/pagination.html count=0 prev-description="Getting started" next-description="Breadcrumbs" %}
{% endcard %}
scss/_variables.scss
浏览文件 @
6f02b9d5
// FONTS
// FONTS
$font-family-base
:
"
Robot
o"
,
-
apple-system
,
blinkmacsystemfont
,
"Segoe UI"
,
roboto
,
"Helvetica Neue"
,
arial
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Segoe UI Symbol"
!
default
;
$font-family-base
:
"
Source Sans Pr
o"
,
-
apple-system
,
blinkmacsystemfont
,
"Segoe UI"
,
roboto
,
"Helvetica Neue"
,
arial
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Segoe UI Symbol"
!
default
;
$font-family-serif
:
"Georgia"
,
"Times New Roman"
,
times
,
serif
!
default
;
$font-family-serif
:
"Georgia"
,
"Times New Roman"
,
times
,
serif
!
default
;
// EXTERNAL FONTS
// EXTERNAL FONTS
$google-font-url
:
"https://fonts.googleapis.com/css?family=
Robot
o:300,400,500,600,700"
!
default
;
$google-font-url
:
"https://fonts.googleapis.com/css?family=
Source+Sans+Pr
o:300,400,500,600,700"
!
default
;
$icon-fonts
:
(
$icon-fonts
:
(
"https://use.fontawesome.com/releases/v5.3.1/css/brands.css"
"https://use.fontawesome.com/releases/v5.3.1/css/brands.css"
)
!
default
;
)
!
default
;
...
@@ -26,7 +26,7 @@ $gray-700: #495057 !default;
...
@@ -26,7 +26,7 @@ $gray-700: #495057 !default;
$gray-800
:
#343a40
!
default
;
$gray-800
:
#343a40
!
default
;
$gray-900
:
#212529
!
default
;
$gray-900
:
#212529
!
default
;
$blue
:
#4
67fcf
!
default
;
$blue
:
#4
58edd
!
default
;
$azure
:
#45aaf2
!
default
;
$azure
:
#45aaf2
!
default
;
$indigo
:
#6574cd
!
default
;
$indigo
:
#6574cd
!
default
;
$purple
:
#a55eea
!
default
;
$purple
:
#a55eea
!
default
;
...
@@ -47,7 +47,7 @@ $white: #fff !default;
...
@@ -47,7 +47,7 @@ $white: #fff !default;
$body-bg
:
#f5f7fb
!
default
;
$body-bg
:
#f5f7fb
!
default
;
$body-bg-dark
:
mix
(
#fff
,
$dark
,
8%
)
!
default
;
$body-bg-dark
:
mix
(
#fff
,
$dark
,
8%
)
!
default
;
$text-color
:
#
64778
7
!
default
;
$text-color
:
#
49505
7
!
default
;
$text-muted
:
#778ca2
!
default
;
$text-muted
:
#778ca2
!
default
;
$text-muted-light
:
#adb5bd
!
default
;
$text-muted-light
:
#adb5bd
!
default
;
...
@@ -155,6 +155,13 @@ $container-max-widths: (
...
@@ -155,6 +155,13 @@ $container-max-widths: (
xl
:
1200px
xl
:
1200px
)
!
default
;
)
!
default
;
//pagination
$pagination-border-width
:
0
!
default
;
$pagination-padding-y
:
.25rem
!
default
;
$pagination-padding-x
:
.25rem
!
default
;
$pagination-color
:
$text-muted
!
default
;
$pagination-disabled-color
:
$text-muted-light
!
default
;
//docelowo przeniesc gdzieindziej
//docelowo przeniesc gdzieindziej
$yiq-contrasted-threshold
:
200
!
default
;
$yiq-contrasted-threshold
:
200
!
default
;
...
...
scss/layout/_core.scss
浏览文件 @
6f02b9d5
body
{
body
{
background
:
$body-bg
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
-webkit-tap-highlight-color
:
transparent
;
-webkit-text-size-adjust
:
none
;
-ms-touch-action
:
manipulation
;
touch-action
:
manipulation
;
-webkit-font-feature-settings
:
"liga"
0
;
font-feature-settings
:
"liga"
0
;
}
body
*
:
:-
webkit-scrollbar
{
width
:
6px
;
height
:
6px
;
transition
:
.3s
background
;
}
body
*
:
:-
webkit-scrollbar-thumb
{
background
:
$gray-400
;
}
body
*
:hover::-webkit-scrollbar-thumb
{
background
:
$gray-500
;
}
}
scss/ui-kit.scss
浏览文件 @
6f02b9d5
...
@@ -51,6 +51,7 @@
...
@@ -51,6 +51,7 @@
@import
"ui/ribbons"
;
@import
"ui/ribbons"
;
@import
"ui/nav"
;
@import
"ui/nav"
;
@import
"ui/calendars"
;
@import
"ui/calendars"
;
@import
"ui/pagination"
;
@import
"ui/highlight"
;
@import
"ui/highlight"
;
@import
"ui/examples"
;
@import
"ui/examples"
;
...
...
scss/ui/_pagination.scss
0 → 100644
浏览文件 @
6f02b9d5
.pagination
{
user-select
:
none
;
}
.page-link
{
border-radius
:
$border-radius
;
min-width
:
px2rem
(
26px
);
&
:hover
{
background
:
transparent
;
}
}
.page-item
{
text-align
:
center
;
&
.page-prev
,
&
.page-next
{
flex
:
0
0
50%
;
text-align
:
left
;
}
&
.page-next
{
margin-left
:
auto
;
text-align
:
right
;
}
}
.page-item-subtitle
{
color
:
$text-muted
;
text-transform
:
uppercase
;
font-size
:
12px
;
margin-bottom
:
2px
;
.page-item.disabled
&
{
color
:
$pagination-disabled-color
;
}
}
.page-item-title
{
color
:
$text-color
;
font-weight
:
400
;
font-size
:
$h3-font-size
;
.page-link
:hover
&
{
color
:
$link-color
;
}
.page-item.disabled
&
{
color
:
$pagination-disabled-color
;
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录