github/go-view
github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-22 21:46:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复倒计时组件 Extraneous non-props attributes 问题

Browse Source
This commit is contained in:
tnt group 2022-10-02 23:06:23 +08:00
parent e1ec5d15ee
commit ad6614e338
1 changed files with 59 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
src/packages/components/Decorates/Mores/CountDown/index.vue
View File

@ -1,13 +1,30 @@
<template> <template>
<n-countdown <div>
ref="countdownRef" <n-countdown
:duration="totalDuration" ref="countdownRef"
:render="renderCountdown" :duration="totalDuration"
:active="countdownActive" :render="renderCountdown"
v-show="false" :active="countdownActive"
/> v-show="false"
<n-space class="go-decorates-more-countdown" :size="flipperGap" align="center" justify="center"> />
<template v-if="showDay"> <n-space class="go-decorates-more-countdown" :size="flipperGap" align="center" justify="center">
<template v-if="showDay">
<flipper
:count="item"
:width="flipperWidth"
:height="flipperHeight"
:front-color="flipperTextColor"
:back-color="flipperBgColor"
:radius="flipperRadius"
:flip-type="flipperType"
:duration="flipperSpeed"
v-for="(item, index) in daysFlipperData"
:key="index"
class="go-d-block"
/>
<div v-if="style === '时分秒'">天</div>
<div v-else>:</div>
</template>
<flipper <flipper
:count="item" :count="item"
:width="flipperWidth" :width="flipperWidth"
@ -17,58 +34,43 @@
:radius="flipperRadius" :radius="flipperRadius"
:flip-type="flipperType" :flip-type="flipperType"
:duration="flipperSpeed" :duration="flipperSpeed"
v-for="(item, index) in daysFlipperData" v-for="(item, index) in hoursFlipperData"
:key="index" :key="index"
class="go-d-block" class="go-d-block"
/> />
<div v-if="style === '时分秒'">天</div> <div v-if="style === '时分秒'">时</div>
<div v-else>:</div> <div v-else>:</div>
</template> <flipper
<flipper :count="item"
:count="item" :width="flipperWidth"
:width="flipperWidth" :height="flipperHeight"
:height="flipperHeight" :front-color="flipperTextColor"
:front-color="flipperTextColor" :back-color="flipperBgColor"
:back-color="flipperBgColor" :radius="flipperRadius"
:radius="flipperRadius" :flip-type="flipperType"
:flip-type="flipperType" :duration="flipperSpeed"
:duration="flipperSpeed" v-for="(item, index) in minutesFlipperData"
v-for="(item, index) in hoursFlipperData" :key="index"
:key="index" class="go-d-block"
class="go-d-block" />
/> <div v-if="style === '时分秒'">分</div>
<div v-if="style === '时分秒'">时</div> <div v-else>:</div>
<div v-else>:</div> <flipper
<flipper :count="item"
:count="item" :width="flipperWidth"
:width="flipperWidth" :height="flipperHeight"
:height="flipperHeight" :front-color="flipperTextColor"
:front-color="flipperTextColor" :back-color="flipperBgColor"
:back-color="flipperBgColor" :radius="flipperRadius"
:radius="flipperRadius" :flip-type="flipperType"
:flip-type="flipperType" :duration="flipperSpeed"
:duration="flipperSpeed" v-for="(item, index) in secondsFlipperData"
v-for="(item, index) in minutesFlipperData" :key="index"
:key="index" class="go-d-block"
class="go-d-block" />
/> <div v-if="style === '时分秒'">秒</div>
<div v-if="style === '时分秒'">分</div> </n-space>
<div v-else>:</div> </div>
<flipper
:count="item"
:width="flipperWidth"
:height="flipperHeight"
:front-color="flipperTextColor"
:back-color="flipperBgColor"
:radius="flipperRadius"
:flip-type="flipperType"
:duration="flipperSpeed"
v-for="(item, index) in secondsFlipperData"
:key="index"
class="go-d-block"
/>
<div v-if="style === '时分秒'">秒</div>
</n-space>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">