From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 13:12:48 +0800
Subject: [PATCH] 项目初始化

---
 src/pages_template/pages/login/index1.vue |  130 +++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 130 insertions(+), 0 deletions(-)

diff --git a/src/pages_template/pages/login/index1.vue b/src/pages_template/pages/login/index1.vue
new file mode 100644
index 0000000..f44078f
--- /dev/null
+++ b/src/pages_template/pages/login/index1.vue
@@ -0,0 +1,130 @@
+<template>
+	<view class="wrap">
+		<view class="top"></view>
+		<view class="content">
+			<view class="title">娆㈣繋鐧诲綍</view>
+			<input class="u-border-bottom" type="number" v-model="tel" placeholder="璇疯緭鍏ユ墜鏈哄彿" />
+			<view class="tips">鏈敞鍐岀殑鎵嬫満鍙烽獙璇佸悗鑷姩鍒涘缓璐﹀彿</view>
+			<button @tap="submit" :style="[inputStyle]" class="getCaptcha">鑾峰彇鐭俊楠岃瘉鐮�</button>
+			<view class="alternative">
+				<view class="password">瀵嗙爜鐧诲綍</view>
+				<view class="issue">閬囧埌闂</view>
+			</view>
+		</view>
+		<view class="buttom">
+			<view class="loginType">
+				<view class="wechat item">
+					<view class="icon"><u-icon size="40" name="weixin-fill" color="rgb(83,194,64)"></u-icon></view>
+					寰俊
+				</view>
+				<view class="QQ item">
+					<view class="icon"><u-icon size="40" name="qq-fill" color="rgb(17,183,233)"></u-icon></view>
+					QQ
+				</view>
+			</view>
+			<view class="hint">
+				鐧诲綍浠ｈ〃鍚屾剰
+				<text class="link">鐢ㄦ埛鍗忚銆侀殣绉佹斂绛栵紝</text>
+				骞舵巿鏉冧娇鐢ㄦ偍鐨勮处鍙蜂俊鎭紙濡傛樀绉般�佸ご鍍忋�佹敹鑾峰湴鍧�锛変互渚挎偍缁熶竴绠＄悊
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import tab from '@/plugins/tab';
+import { ref, computed } from 'vue';
+
+const tel = ref('');
+
+const inputStyle = computed(() => {
+	let style = {};
+	if (tel.value) {
+		style.color = "#fff";
+		style.backgroundColor = '#f9c00c'; // 鍋囪 $u.color['warning'] 瀵瑰簲鐨勯鑹插��
+	}
+	return style;
+});
+
+const submit = () => {
+	if (/\d{11}/.test(tel.value)) { // 鍋囪 $u.test.mobile 鏄畝鍗曠殑鎵嬫満鍙烽獙璇�
+		tab.navigateTo('/pages_template/pages/login/code');
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.wrap {
+	font-size: 28rpx;
+
+	.content {
+		width: 600rpx;
+		margin: 80rpx auto 0;
+
+		.title {
+			text-align: left;
+			font-size: 60rpx;
+			font-weight: 500;
+			margin-bottom: 100rpx;
+		}
+
+		input {
+			text-align: left;
+			margin-bottom: 10rpx;
+			padding-bottom: 6rpx;
+		}
+
+		.tips {
+			color: $u-info;
+			margin-bottom: 60rpx;
+			margin-top: 8rpx;
+			font-size: 12px;
+		}
+
+		.getCaptcha {
+			background-color: rgb(253, 243, 208);
+			color: $u-tips-color;
+			border: none;
+			font-size: 30rpx;
+			padding: 12rpx 0;
+
+			&::after {
+				border: none;
+			}
+		}
+
+		.alternative {
+			color: $u-tips-color;
+			display: flex;
+			justify-content: space-between;
+			margin-top: 30rpx;
+		}
+	}
+
+	.buttom {
+		.loginType {
+			display: flex;
+			padding: 350rpx 150rpx 150rpx 150rpx;
+			justify-content: space-between;
+
+			.item {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				color: $u-content-color;
+				font-size: 28rpx;
+			}
+		}
+
+		.hint {
+			padding: 20rpx 40rpx;
+			font-size: 20rpx;
+			color: $u-tips-color;
+
+			.link {
+				color: $u-warning;
+			}
+		}
+	}
+}
+</style>

--
Gitblit v1.9.3