import { BePagination } from '@brewer/beerui'
const query = { limit: 10, name: "", page: 1 }
const options = {
	card: true,
	showNumber: 6,
	icon: {
		width: 12,
		height: 12,
		color: '#1492FF'
	}
}
let list = []
let total = 11 // 总条数
const feedBackList = async () => {
	total = 11
	const name = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']
	const defaultItem = {
		name: name[0],
		phone: Math.random().toString().substr(0, 11),
		content: '1'
	}
let temp = []
for (let i = 0; i < 10; i++) {
	temp.push(Object.assign(defaultItem, { content: name[i % 8], name: i + 'name' }))
}
list = temp
}
feedBackList()
// 切换页面
function changePage(item) {
	query.page = Number(item.detail)
	feedBackList()
}
	
		

<BePagination
	currentPage=1
	pageSize={query.limit}
	{total}
	on:changePage={changePage}
	{options}
/>

<BePagination
	currentPage=1
	pageSize={query.limit}
	total=200
	async
	layouts="prev, pager, next"
	on:changePage={changePage}
	{options}
/>

<BePagination
	currentPage=1
	pageSize={query.limit}
	total=300
	async
	layouts="prev, pager, next"
	on:changePage={changePage}
	options={options1}
/>

<BePagination
	currentPage=1
	pageSize={query.limit}
	total=50
	async
	layouts="prev, pager, next"
	on:changePage={changePage}
	options={options2}
/>

	

		
const pageSizeChange = ({ detail }) => {
	query.limit = detail
	feedBackList()
}
		
<BePagination
	currentPage=1
    pageSize={query.limit}
    {total}
    async
    layouts="prev, pager, next, sizes, jumper, info, all"
    on:changePage={changePage}
    on:pageSizeChange={pageSizeChange}
    {options}
/>