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

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

@ -11,16 +11,18 @@
<view class="tips"> <view class="tips">
<view>剩余支付时间：</view> <view>剩余支付时间：</view>
<view> <view>
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<!-- <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{minute, second}"> <template v-slot="{minute, second}">
<!-- <view>{{minute}}:{{second}}</view> -->
<view class="lf-flex"> <view class="lf-flex">
<view>{{ minute >= 10 ? minute : "0" + minute }}</view> <view>{{ minute >= 10 ? minute : "0" + minute }}</view>
<view>:</view> <view>:</view>
<view>{{ second >= 10 ? second : "0" + second }}</view> <view>{{ second >= 10 ? second : "0" + second }}</view>
</view> </view>
</template> </template>
</countdown-timer>
</countdown-timer> -->
<countdown-time minute="5" second="0" :showDay="false" :showHour="false">
</countdown-time>
</view> </view>
</view> </view>
</view> </view>
@ -41,11 +43,11 @@
</template> </template>
<script> <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' import lfPayPassword from '@/components/lf-payPassword/lf-payPassword.vue'
export default { export default {
components: { components: {
countdownTimer,
countdownTime,
lfPayPassword lfPayPassword
}, },
data(){ 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> <image mode="aspectFill" :src="item" style="width: 100%; height: 100%;" @click="lookImg(index)"></image>
<view class="seckill-box" v-if="type == 'seckill'"> <view class="seckill-box" v-if="type == 'seckill'">
<view>距离结束还剩余</view> <view>距离结束还剩余</view>
<view v-if="$isRight(time)">
<!-- <view v-if="$isRight(time)">
<countdown-timer :time="time" :autoStart="true" @finish="dateFinish"> <countdown-timer :time="time" :autoStart="true" @finish="dateFinish">
<template v-slot="{day, hour, minute, second}"> <template v-slot="{day, hour, minute, second}">
<view class="lf-flex"> <view class="lf-flex">
@ -24,7 +24,17 @@
</view> </view>
</template> </template>
</countdown-timer> </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>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -242,10 +252,10 @@
</template> </template>
<script> <script>
import countdownTimer from '@/components/countdown-timer/countdown-timer';
import countdownTime from '@/components/uni-countdown/uni-countdown.vue';
export default { export default {
components: { components: {
countdownTimer
countdownTime
}, },
data(){ data(){
return { return {

Write Preview
Loading…
Cancel
Save