Leadfyy.co
/
ec.uniapp-master
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

倒计时组件更换

master
邓平艺 4 years ago
parent
2541d95fa1
commit
4fd6f49cba
4 changed files with 32 additions and 18 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      components/lf-payPassword/lf-payPassword.vue
  2. 12
      pages/aboutpay/confirmcash.vue
  3. 12
      pages/order/cashier/cashier.vue
  4. 16
      pages/shop/goodsdetail.vue

10
components/lf-payPassword/lf-payPassword.vue
View File

@ -9,16 +9,16 @@
<view class="lf-font-24 lf-m-r-10" style="color:#FF9D9D">
剩余支付时间
</view>
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<!-- <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{minute, second}">
<!-- <view>{{minute}}:{{second}}</view> -->
<view class="lf-flex">
<view class="lf-font-24" style="color:#FF9D9D">{{ minute >= 10 ? minute : "0" + minute }}</view>
<view class="lf-font-24" style="color:#FF9D9D">:</view>
<view class="lf-font-24" style="color:#FF9D9D">{{ second >= 10 ? second : "0" + second }}</view>
</view>
</template>
</countdown-timer>
</countdown-timer> -->
<countdown-time minute="5" second="0" :showDay="false" :showHour="false"></countdown-time>
</view>
</view>
<button class="btn" hover-class="lf-opacity" @click="comfirm">{{ buttonText }}</button>
@ -26,12 +26,12 @@
</template>
<script>
import countdownTimer from '@/components/countdown-timer/countdown-timer';
import countdownTime from '@/components/uni-countdown/uni-countdown';
import lfJpCoded from '@/components/lf-jpCoded/lf-jpCoded.vue'
export default {
components: {
lfJpCoded,
countdownTimer
countdownTime
},
props: {
title: {

12
pages/aboutpay/confirmcash.vue
View File

@ -11,16 +11,18 @@
<view class="lf-font-24 lf-m-r-10" style="color:#FF9D9D">
剩余支付时间
</view>
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<!-- <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{minute, second}">
<!-- <view>{{minute}}:{{second}}</view> -->
<view class="lf-flex">
<view class="lf-font-24" style="color:#FF9D9D">{{ minute >= 10 ? minute : "0" + minute }}</view>
<view class="lf-font-24" style="color:#FF9D9D">:</view>
<view class="lf-font-24" style="color:#FF9D9D">{{ second >= 10 ? second : "0" + second }}</view>
</view>
</template>
</countdown-timer>
</countdown-timer> -->
<countdown-time minute="5" second="0" :showDay="false" :showHour="false">
</countdown-time>
</view>
<view>
<button class="confirmcash-btn" hover-class="lf-opacity" @click="confirm">确认</button>
@ -32,11 +34,11 @@
</template>
<script>
import countdownTimer from '@/components/countdown-timer/countdown-timer';
import countdownTime from '@/components/uni-countdown/uni-countdown.vue';
import lfPayPassword from '@/components/lf-payPassword/lf-payPassword.vue'
export default {
components: {
countdownTimer,
countdownTime,
lfPayPassword
},
data() {

12
pages/order/cashier/cashier.vue
View File

@ -11,16 +11,18 @@
<view class="tips">
<view>剩余支付时间：</view>
<view>
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<!-- <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{minute, second}">
<!-- <view>{{minute}}:{{second}}</view> -->
<view class="lf-flex">
<view>{{ minute >= 10 ? minute : "0" + minute }}</view>
<view>:</view>
<view>{{ second >= 10 ? second : "0" + second }}</view>
</view>
</template>
</countdown-timer>
</countdown-timer> -->
<countdown-time minute="5" second="0" :showDay="false" :showHour="false">
</countdown-time>
</view>
</view>
</view>
@ -41,11 +43,11 @@
</template>
<script>
import countdownTimer from '@/components/countdown-timer/countdown-timer';
import countdownTime from '@/components/uni-countdown/uni-countdown.vue';
import lfPayPassword from '@/components/lf-payPassword/lf-payPassword.vue'
export default {
components: {
countdownTimer,
countdownTime,
lfPayPassword
},
data(){

16
pages/shop/goodsdetail.vue
View File

@ -9,7 +9,7 @@
<image mode="aspectFill" :src="item" style="width: 100%; height: 100%;" @click="lookImg(index)"></image>
<view class="seckill-box" v-if="type == 'seckill'">
<view>距离结束还剩余</view>
<view v-if="$isRight(time)">
<!-- <view v-if="$isRight(time)">
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{day, hour, minute, second}">
<view class="lf-flex">
@ -24,7 +24,17 @@
</view>
</template>
</countdown-timer>
</view> -->
<view v-if="$isRight(seckill)">
<countdown-time
:day="seckill.seckill.end_left_time[0]"
:hour="seckill.seckill.end_left_time[1]"
:minute="seckill.seckill.end_left_time[2]"
:second="seckill.seckill.end_left_time[3]">
</countdown-time>
</view>
</view>
</swiper-item>
</swiper>
@ -242,10 +252,10 @@
</template>
<script>
import countdownTimer from '@/components/countdown-timer/countdown-timer';
import countdownTime from '@/components/uni-countdown/uni-countdown.vue';
export default {
components: {
countdownTimer
countdownTime
},
data(){
return {

Write Preview
Loading…
Cancel
Save