amazeui
Version:
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
359 lines (358 loc) • 8.88 kB
JSON
{
"name": "pagination",
"version": "3.0.1",
"localName": {
"en": "Pagination",
"zh-cn": "分页"
},
"icon": "pagination.png",
"author": {
"name": "Shengli",
"email": "china_victory@yunshipei.com"
},
"description": "分页组件",
"poweredBy": "AllMobilize",
"styleBase": [
"variables.less",
"mixins.less",
"base.less",
"grid.less",
"block-grid.less",
"icon.less",
"utility.less"
],
"template": "pagination.hbs",
"styleDependencies": [
"pagination.less"
],
"style": "pagination.less",
"themes": [
{
"name": "default",
"desc": "扁平按钮",
"options": {
"select": false
},
"hook": "hook-am-pagination-default",
"variables": [
{
"variable": "pagination-link-bg",
"name": "页码背景色",
"default": "#eee",
"used": [
{
"selector": "li a",
"property": "background-color"
}
]
},
{
"variable": "pagination-link-color",
"name": "页码颜色",
"default": "#222",
"used": [
{
"selector": "li a",
"property": "color"
}
]
},
{
"variable": "pagination-active-bg",
"name": "激活链接背景色",
"default": "#0e90d2",
"used": [
{
"selector": ">.am-active>a, >.am-active>span, >.am-active>a:hover, >.am-active>span:hover, >.am-active>a:focus, >.am-active>span:focus",
"property": "background-color"
},
{
"selector": ">.am-active>a, >.am-active>span, >.am-active>a:hover, >.am-active>span:hover, >.am-active>a:focus, >.am-active>span:focus",
"property": "border-color"
}
]
},
{
"variable": "pagination-active-color",
"name": "活动链接文本颜色",
"default": "#fff",
"used": [
{
"selector": ">.am-active>a, >.am-active>span, >.am-active>a:hover, >.am-active>span:hover, >.am-active>a:focus, >.am-active>span:focus",
"property": "color"
}
]
}
],
"demos": [
{
"data": {
"content": {
"prevTitle": "上一页",
"prevLink": "#",
"nextTitle": "下一页",
"nextLink": "#",
"firstTitle": "第一页",
"firstLink": "#",
"lastTitle": "最末页",
"lastLink": "#",
"page": [
{
"title": "1",
"link": "#"
},
{
"title": "2",
"link": "#",
"className": "am-active"
},
{
"title": "3",
"link": "#"
},
{
"title": "4",
"link": "#"
},
{
"title": "5",
"link": "#"
}
]
}
}
}
]
},
{
"name": "select",
"desc": "上下页+选择框",
"options": {
"select": true
},
"hook": "hook-am-pagination-select",
"variables": [
{
"variable": "pagination-link-bg",
"name": "页码背景色",
"default": "#eee",
"used": [
{
"selector": ">li>a",
"property": "background-color"
},
{
"selector": ".am-pagination-select select",
"property": "background-color"
}
]
},
{
"variable": "pagination-link-color",
"name": "页码颜色",
"default": "#555",
"used": [
{
"selector": "> li > a",
"property": "color"
},
{
"selector": ".am-pagination-select select",
"property": "color"
}
]
}
],
"demos": [
{
"data": {
"content": {
"prevTitle": "上一页",
"prevLink": "#",
"nextTitle": "下一页",
"nextLink": "#",
"total": "3",
"page": [
{
"title": "1",
"link": "#"
},
{
"title": "2",
"link": "#"
},
{
"title": "3",
"link": "#"
}
]
}
}
}
]
},
{
"name": "one",
"desc": "简约风格",
"options": {
"select": true
},
"hook": "hook-am-pagination-one",
"variables": [
{
"variable": "pagination-link-bg",
"name": "页码背景色",
"default": "#eee",
"used": [
{
"selector": ">li>a",
"property": "background-color"
},
{
"selector": ".am-pagination-select select",
"property": "background-color"
}
]
},
{
"variable": "pagination-link-color",
"name": "页码颜色",
"default": "#555",
"used": [
{
"selector": "> li > a",
"property": "color"
},
{
"selector": ".am-pagination-select select",
"property": "color"
}
]
},
{
"variable": "pagination-link-border",
"name": "边框颜色",
"default": "#dfdfdf",
"used": [
{
"selector": ".am-pagination-select select",
"property": "border-color"
}
]
}
],
"demos": [
{
"data": {
"content": {
"prevTitle": "上一页",
"prevLink": "#",
"nextTitle": "下一页",
"nextLink": "#",
"page": [
{
"title": "1",
"link": "#"
},
{
"title": "2",
"link": "#",
"class": "active"
},
{
"title": "3",
"link": "#"
}
]
}
}
}
]
}
],
"jsBase": [
"core.js"
],
"script": "pagination.js",
"api": {
"id": {
"name": "ID",
"desc": "模块自定义ID,遵循CSS ID命名规范",
"type": "text",
"default": "",
"required": false
},
"className": {
"name": "Class",
"desc": "用户自定义模块class,遵循 CSS class 命名规范",
"placeholder": "css类名,多个用空格分隔",
"type": "text",
"default": "",
"required": false
},
"theme": {
"name": "主题",
"desc": "模块主题",
"type": "select",
"default": "default",
"required": true,
"dataList": "<%= pkg.themes %>"
},
"conent": {
"type": "Object",
"item": {
"prevTitle": {
"type": "text",
"desc": "上一页链接文字(可选)"
},
"prevLink": {
"type": "text",
"desc": "上一页链接"
},
"nextTitle": {
"type": "text",
"desc": "下一页链接文字(可选)"
},
"nextLink": {
"type": "text",
"desc": "下一页链接"
},
"firstTitle": {
"type": "text",
"desc": "第一页链接文字"
},
"firstLink": {
"type": "text",
"desc": "第一页链接"
},
"lastTitle": {
"type": "text",
"desc": "末页链接文字"
},
"lastLink": {
"type": "text",
"desc": "末页链接"
},
"total": {
"type": "text",
"desc": "总页数(可选,赋值时显示“3/5”样式,否则是“3”样式)"
},
"page": {
"type": "Array",
"item": {
"title": {
"type": "text",
"desc": "页码"
},
"link": {
"type": "text",
"desc": "页面链接"
}
}
}
}
}
},
"readme": "http://docs.yunshipei.com/amui/#pagination",
"hidden": false
}