| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { useI18n } from 'vue-i18n' |
| | | defineOptions({ name: 'ArtDragVerify' }) |
| | | const { t } = useI18n() |
| | | const emit = defineEmits(['handlerMove', 'update:value', 'passCallback']) |
| | | const props = defineProps({ |
| | | value: { required: false, default: false }, |
| | | width: { required: false, default: '100%' }, |
| | | height: { required: false, default: 40 }, |
| | | text: { required: false, default: '按住滑块拖动' }, |
| | | successText: { required: false, default: 'success' }, |
| | | text: { required: false, default: '' }, |
| | | successText: { required: false, default: '' }, |
| | | background: { required: false, default: '#eee' }, |
| | | progressBarBg: { required: false, default: '#1385FF' }, |
| | | completedBg: { required: false, default: '#57D187' }, |
| | |
| | | fontSize: props.textSize |
| | | })) |
| | | const message = computed(() => { |
| | | return props.value ? props.successText : props.text |
| | | const dragText = props.text || t('components.dragVerify.dragText') |
| | | const successText = props.successText || t('components.dragVerify.successText') |
| | | return props.value ? successText : dragText |
| | | }) |
| | | const dragStart = (e) => { |
| | | if (!props.value) { |