blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

types(CouponList): use tsx (#8118)

Browse Source
This commit is contained in:
neverland 2021-02-10 10:09:25 +08:00 committed by GitHub
parent 38e3bc948d
commit 708d57ea77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/coupon-list/index.js → src/coupon-list/index.tsx
View File

@ -1,4 +1,4 @@
import { watch, computed, nextTick, onMounted, reactive } from 'vue';
import { watch, computed, nextTick, reactive, PropType, onMounted } from 'vue';
// Utils
import { createNamespace } from '../utils';
@ -12,14 +12,13 @@ import Tab from '../tab';
import Tabs from '../tabs';
import Field from '../field';
import Button from '../button';
import Coupon from '../coupon';
import Coupon, { CouponInfo } from '../coupon';
const [createComponent, bem, t] = createNamespace('coupon-list');
const EMPTY_IMAGE = 'https://img01.yzcdn.cn/vant/coupon-empty.png';
export default createComponent({
props: {
code: String,
enabledTitle: String,
disabledTitle: String,
closeButtonText: String,
@ -27,6 +26,10 @@ export default createComponent({
exchangeButtonText: String,
exchangeButtonLoading: Boolean,
exchangeButtonDisabled: Boolean,
code: {
type: String,
default: '',
},
exchangeMinLength: {
type: Number,
default: 1,
@ -36,11 +39,11 @@ export default createComponent({
default: -1,
},
coupons: {
type: Array,
type: Array as PropType<CouponInfo[]>,
default: () => [],
},
disabledCoupons: {
type: Array,
type: Array as PropType<CouponInfo[]>,
default: () => [],
},
displayedCouponIndex: {
@ -76,7 +79,7 @@ export default createComponent({
const state = reactive({
tab: 0,
code: props.code || '',
code: props.code,
});
const { height: windowHeight } = useWindowSize();
@ -102,7 +105,7 @@ export default createComponent({
}
};
const scrollToCoupon = (index) => {
const scrollToCoupon = (index: number) => {
nextTick(() => {
if (couponRefs.value[index]) {
couponRefs.value[index].scrollIntoView();