docs: 更新成员信息
This commit is contained in:
parent
c900a02e0a
commit
8400cc879e
@ -64,7 +64,7 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<!-- 需要用一个 div 包裹触发滚动事件的目标元素和 lay-backtop 组件 -->
|
<!-- 需要用一个 div 包裹触发滚动事件的目标元素和 lay-backtop 组件 -->
|
||||||
<div class="wrapper" style="width:700px; height:300px;">
|
<div class="wrapper" style="width:700px; height:300px;">
|
||||||
<div id="scrollContent" style="overflow-y:auto; overflow-x:auto; width:700px; height:300px;background-color:whitesmoke;padding:10px;">
|
<div id="scrollContent" style="overflow-y:auto; overflow-x:auto; width:700px; height:300px;background-color:whitesmoke;">
|
||||||
<lay-panel v-for="(n,index) in 50" :key="n" style="margin:10px;padding:10px;">内容</lay-panel>
|
<lay-panel v-for="(n,index) in 50" :key="n" style="margin:10px;padding:10px;">内容</lay-panel>
|
||||||
</div>
|
</div>
|
||||||
<lay-backtop target="#scrollContent" :showHeight="100" :bottom="30" position="absolute"></lay-backtop>
|
<lay-backtop target="#scrollContent" :showHeight="100" :bottom="30" position="absolute"></lay-backtop>
|
||||||
|
@ -18,6 +18,7 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li>[新增] scroll 虚拟滚动组件。</li>
|
<li>[新增] scroll 虚拟滚动组件。</li>
|
||||||
<li>[新增] water-marker 水印组件。</li>
|
<li>[新增] water-marker 水印组件。</li>
|
||||||
|
<li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
|
||||||
<li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
|
<li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
|
||||||
<li>[修复] slider 滑块组件, 默认 step 值异常。</li>
|
<li>[修复] slider 滑块组件, 默认 step 值异常。</li>
|
||||||
<li>[升级] layer-vue 1.3.10 版本。</li>
|
<li>[升级] layer-vue 1.3.10 版本。</li>
|
||||||
|
@ -89,7 +89,7 @@
|
|||||||
Sight
|
Sight
|
||||||
</lay-col>
|
</lay-col>
|
||||||
<lay-col md="8">
|
<lay-col md="8">
|
||||||
焦点:count-up backtop
|
焦点:layui-vue layer-vue
|
||||||
</lay-col>
|
</lay-col>
|
||||||
<lay-col md="4">
|
<lay-col md="4">
|
||||||
地点:中国 未知
|
地点:中国 未知
|
||||||
|
@ -312,7 +312,7 @@ const setDateList = (year: number, month: number) => {
|
|||||||
for (let i = prevDays - curFirstDayWeek + 1; i <= prevDays; i++) {
|
for (let i = prevDays - curFirstDayWeek + 1; i <= prevDays; i++) {
|
||||||
list.push({
|
list.push({
|
||||||
day: i,
|
day: i,
|
||||||
value: + new Date(year, month - 1, i),
|
value: +new Date(year, month - 1, i),
|
||||||
isRange: false,
|
isRange: false,
|
||||||
isSelected: false,
|
isSelected: false,
|
||||||
type: "prev",
|
type: "prev",
|
||||||
@ -322,7 +322,7 @@ const setDateList = (year: number, month: number) => {
|
|||||||
for (let i = 1; i <= curDays; i++) {
|
for (let i = 1; i <= curDays; i++) {
|
||||||
list.push({
|
list.push({
|
||||||
day: i,
|
day: i,
|
||||||
value: + new Date(year, month, i),
|
value: +new Date(year, month, i),
|
||||||
isRange: false,
|
isRange: false,
|
||||||
isSelected: false,
|
isSelected: false,
|
||||||
type: "current",
|
type: "current",
|
||||||
@ -334,7 +334,7 @@ const setDateList = (year: number, month: number) => {
|
|||||||
for (let i = 1; i <= nextDays; i++) {
|
for (let i = 1; i <= nextDays; i++) {
|
||||||
list.push({
|
list.push({
|
||||||
day: i,
|
day: i,
|
||||||
value: + new Date(year, month + 1, i),
|
value: +new Date(year, month + 1, i),
|
||||||
isRange: false,
|
isRange: false,
|
||||||
isSelected: false,
|
isSelected: false,
|
||||||
type: "next",
|
type: "next",
|
||||||
@ -362,9 +362,7 @@ const handleDayClick = (item: any) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// 确认事件
|
// 确认事件
|
||||||
const ok = () => {
|
const ok = () => {};
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 切换年月
|
// 切换年月
|
||||||
const changeYearOrMonth = (type: "year" | "month", num: number) => {
|
const changeYearOrMonth = (type: "year" | "month", num: number) => {
|
||||||
|
@ -13,6 +13,7 @@ export interface LayPageProps {
|
|||||||
total: number;
|
total: number;
|
||||||
limit: number;
|
limit: number;
|
||||||
theme?: string;
|
theme?: string;
|
||||||
|
modelValue?: number;
|
||||||
showPage?: boolean | string;
|
showPage?: boolean | string;
|
||||||
showSkip?: boolean | string;
|
showSkip?: boolean | string;
|
||||||
showCount?: boolean | string;
|
showCount?: boolean | string;
|
||||||
@ -36,9 +37,11 @@ const props = withDefaults(defineProps<LayPageProps>(), {
|
|||||||
showLimit: true,
|
showLimit: true,
|
||||||
showInput: false,
|
showInput: false,
|
||||||
showRefresh: false,
|
showRefresh: false,
|
||||||
|
modelValue: 1,
|
||||||
pages: 10,
|
pages: 10,
|
||||||
limits: () => [10, 20, 30, 40, 50],
|
limits: () => [10, 20, 30, 40, 50],
|
||||||
});
|
});
|
||||||
|
|
||||||
const limits = ref(props.limits);
|
const limits = ref(props.limits);
|
||||||
const pages = props.pages / 2;
|
const pages = props.pages / 2;
|
||||||
const inlimit = computed({
|
const inlimit = computed({
|
||||||
@ -67,7 +70,8 @@ const totalPage = computed(() => {
|
|||||||
}
|
}
|
||||||
return r;
|
return r;
|
||||||
});
|
});
|
||||||
const currentPage: Ref<number> = ref(1);
|
|
||||||
|
const currentPage: Ref<number> = ref(props.modelValue);
|
||||||
const currentPageShow: Ref<number> = ref(currentPage.value);
|
const currentPageShow: Ref<number> = ref(currentPage.value);
|
||||||
|
|
||||||
const emit = defineEmits(["jump", "limit"]);
|
const emit = defineEmits(["jump", "limit"]);
|
||||||
|
Loading…
Reference in New Issue
Block a user