<template>
<view>
<page-head :title="title"></page-head>
<!-- 示例1 -->
<view class="uni-text-small uni-center title">示例1</view>
<view>
<uni-countdown :timer="timer1"></uni-countdown>
</view>
<!-- 示例2:绿底白字 -->
<view class="uni-text-small uni-center title" >示例2</view>
<view style="background:#00B26A; padding:50upx 0;">
<uni-countdown :timer="timer2" borderColor="#FFFFFF" splitorColor="#FFF" fontColor="#FFFFFF" bgrColor="none"></uni-countdown>
</view>
<!-- 示例3:黑底白字 -->
<view class="uni-text-small uni-center title">示例3</view>
<view>
<uni-countdown fontColor="#FFFFFF" bgrColor="#000000" :timer="timer3"></uni-countdown>
</view>
</view>
</template>
<script>
import uniCountdown from "../../../components/uni-countdown.vue";
export default {
data() {
var dateObj = n
uniapp获取手机验证码组件
最新推荐文章于 2025-06-21 19:06:50 发布