|
@@ -4,6 +4,9 @@
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
import { ref, reactive, watch, nextTick } from 'vue'
|
|
import { ref, reactive, watch, nextTick } from 'vue'
|
|
|
|
|
+import { i18n } from "@/stores"
|
|
|
|
|
+
|
|
|
|
|
+const { t } = i18n.global
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
|
// 是否开启服务端验证
|
|
// 是否开启服务端验证
|
|
@@ -70,7 +73,7 @@ const props = defineProps({
|
|
|
// 验证中提示
|
|
// 验证中提示
|
|
|
testTip: {
|
|
testTip: {
|
|
|
type: String,
|
|
type: String,
|
|
|
- default: '正在验证...'
|
|
|
|
|
|
|
+ default: i18n.global.t('slider.testTip')
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 滑块背景色颜色
|
|
// 滑块背景色颜色
|
|
@@ -82,7 +85,7 @@ const props = defineProps({
|
|
|
// 滑块背景色颜色
|
|
// 滑块背景色颜色
|
|
|
tipTxt: {
|
|
tipTxt: {
|
|
|
type: String,
|
|
type: String,
|
|
|
- default: '向右滑动验证'
|
|
|
|
|
|
|
+ default: i18n.global.t('slider.tipTxt')
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 验证通过背景色
|
|
// 验证通过背景色
|
|
@@ -114,13 +117,13 @@ const props = defineProps({
|
|
|
// 验证成功文字提示
|
|
// 验证成功文字提示
|
|
|
successTip: {
|
|
successTip: {
|
|
|
type: String,
|
|
type: String,
|
|
|
- default: '验证通过'
|
|
|
|
|
|
|
+ default: i18n.global.t('slider.successTip')
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 验证失败文字提示
|
|
// 验证失败文字提示
|
|
|
failTip: {
|
|
failTip: {
|
|
|
type: String,
|
|
type: String,
|
|
|
- default: '验证失败,请重试'
|
|
|
|
|
|
|
+ default: i18n.global.t('slider.failTip')
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 文本大小
|
|
// 文本大小
|