增加新模块

2025-03-20 08:46:07 +08:00
parent 15014e22aa
commit 2ae62b59ed
1729 changed files with 94700 additions and 4232 deletions
@@ -0,0 +1,105 @@
+<template>
+	<view class="comm-input-warp">
+		<!-- #ifdef APP-PLUS -->
+			<input
+			    :placeholder="$t('login.comm.code')"
+			    border="false"
+			    :v-model="modelValue"
+				color="#EEEEEE"
+				type="number"
+				@input="$emit('update:modelValue', $event.detail.value)"
+				style="height: 64rpx;width: 70%;"
+			></input>
+		<!-- #endif -->
+		<!-- #ifdef MP -->
+			<input
+			    :placeholder="$t('login.comm.code')"
+			    border="false"
+			    :v-model="modelValue"
+				color="#EEEEEE"
+				type="number"
+				@input="$emit('update:modelValue', $event.target.value)"
+				style="height: 64rpx;width: 70%;"
+			></input>
+		<!-- #endif -->
+		<view class="code-warp" v-if="countdown">
+			<up-count-down :time="60 * 1000" format="ss" @finish="getCode(false)"></up-count-down> 
+			<text style="margin-left: 10rpx;">s</text>
+			<!-- <text style="margin-left: 10rpx;">{{$t('login.comm.reacquire.code')}}</text> -->
+		</view>
+		<view v-else class="code-warp" @click="getCode(true)">
+			<view>{{$t('login.comm.get.code')}}</view>
+		</view>
+		<up-toast ref="uToastRef"></up-toast>
+	</view>
+</template>
+
+<script>
+	import { ref } from 'vue';
+	
+	const uCodeRef = ref(null);
+	
+	export default {
+		name: 'inputComm',
+		props: ['modelValue','codeNumberRef','emptyCountdownRef'],
+		watch: {
+		    emptyCountdownRef(value,oldValue) {
+				if(value){
+					this.countdown = true;
+				}
+		    },
+		},
+		data() {
+			return {
+				countdown:false,
+				emptyCountdown:this.emptyCountdownRef,
+				inputCss:{
+					"height":'80rpx',
+					"background": "#F3F3F3FF",
+					"border-radius": "30rpx",
+					"border": "0rpx",
+					"padding-left": "16px",
+				},
+			}
+		},
+		emits: ['update:modelValue'],
+		mounted() {
+		},
+		methods: {
+			getCode(val){
+				const emptyCountdown = this.emptyCountdown;
+				if(val){
+					const codeNumber = this.codeNumberRef;
+					if(codeNumber){
+						this.$emit('getCode');
+					}else{
+						this.$refs.uToastRef.show({
+							type: 'error',
+							message: this.$t('login.comm.email'),
+						});
+						return;
+					}
+				}else{
+					// uni.dialog.showMessage('请输入邮箱');
+					this.$refs.uToastRef.show({
+						type: 'error',
+						message: this.$t('login.comm.email'),
+					});
+				}
+			},
+		},
+	};
+
+</script>
+
+<style lang="less" scoped>
+	.code-warp{
+		width: 30%;
+		text-align: right;
+		display: flex;
+		justify-content: flex-end;
+	}
+	.wrap {
+		padding: 24rpx;
+	}
+</style>