issue_9674144

Issues

/ 详情

待办的

创建于

2022-09-16 01:09

内容可能含有违规信息

1.添加社会化登录
2.添加用户注册
3.添加支付
4.添加邮箱 短信 等消息通知

强烈推荐 添加简易用户的前台

![输入图片说明](https://foruda.gitee.com/images/1663261124512635620/f9933c08_11368390.png "屏幕截图")
代码分享

```
<el-row class="text-center text-1xl font-medium mb-3">
	<el-col :span="7">
		<div class="line"></div>
	</el-col>
	<el-col :span="10">
		<div style="color:#999999;">其他方式登录</div>
	</el-col>
	<el-col :span="7">
		<div class="line"></div>
	</el-col>
</el-row>

<el-row class="text-center text-1xl font-medium mb-2">
	<el-col :span="5">
							
	</el-col>
	<el-col :span="4">
		<svg @click="login('wechat')" width="100%" height="24" fill="none" viewBox="0 0 24 24" data-new-api="Wechat24" data-old-api="Wechat24" class="ZDI ZDI--Wechat24">
		<path fill="#07C160" d="M20.314 18.59c1.333-.968 2.186-2.397 2.186-3.986 0-2.91-2.833-5.27-6.325-5.27-3.494 0-6.325 2.36-6.325 5.27 0 2.911 2.831 5.271 6.325 5.271a7.465 7.465 0 002.064-.288l.186-.029c.122 0 .232.038.336.097l1.386.8.12.04a.21.21 0 00.212-.211l-.034-.154-.285-1.063-.023-.135a.42.42 0 01.177-.343zM9.09 3.513C4.9 3.514 1.5 6.346 1.5 9.84c0 1.905 1.022 3.622 2.622 4.781a.505.505 0 01.213.412l-.026.16-.343 1.276-.04.185c0 .14.113.254.252.254l.146-.047 1.663-.96a.793.793 0 01.403-.116l.222.032c.806.231 1.64.348 2.478.348l.417-.01a4.888 4.888 0 01-.255-1.55c0-3.186 3.1-5.77 6.923-5.77l.411.011c-.57-3.02-3.71-5.332-7.494-5.332zm4.976 10.248a.843.843 0 110-1.685.843.843 0 010 1.684v.001zm4.217 0a.843.843 0 110-1.685.843.843 0 010 1.684v.001zM6.561 8.827a1.012 1.012 0 110-2.023 1.012 1.012 0 010 2.023zm5.061 0a1.012 1.012 0 110-2.023 1.012 1.012 0 010 2.023z" clip-rule="evenodd"></path></svg>
	</el-col>
	<el-col :span="6">
		<svg @click="login('qq')" width="100%" height="24" viewBox="0 0 24 24" data-new-api="Qq24" data-old-api="Qq24"
								fill="#50C8FD" class="ZDI ZDI--Qq24">
								<path
									d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.483 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.288.687 6.288 0 0-.688-1.77-1.182-1.77-1.182 2.086-1.77 1.906-3.967 1.906-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.165-6.954-2.165-6.954V9.325C18.29 3.364 14.268 2 12.003 2z"
									fill-rule="evenodd" clip-rule="evenodd"></path>
							</svg>
						</el-col>
						<el-col :span="4">
							<svg @click="login('wb')" width="100%" height="24" fill="none" viewBox="0 0 24 24" data-new-api="Weibo24" data-old-api="Weibo24" class="ZDI ZDI--Weibo24">
								<path fill="#FB6622" d="M15.518 3.06c8.834-.854 7.395 7.732 7.394 7.731-.625 1.44-1.673.31-1.673.31.596-7.52-5.692-6.33-5.692-6.33-.898-1.067-.03-1.71-.03-1.71zm4.13 6.985c-.66 1.01-1.376.126-1.375.126.205-3.179-2.396-2.598-2.396-2.598-.72-.765-.091-1.346-.091-1.346 4.882-.55 3.863 3.818 3.863 3.818zM5.318 7.52s4.615-3.86 6.443-1.328c0 0 .662 1.08-.111 2.797.003-.003 3.723-1.96 5.408.16 0 0 .848 1.094-.191 2.648 0 0 2.918-.099 2.918 2.715 0 2.811-4.104 6.44-9.315 6.44-5.214 0-8.026-2.092-8.596-3.102 0 0-3.475-4.495 3.444-10.33zm10.448 7.792s.232-4.41-5.71-4.207c-6.652.231-6.58 4.654-6.58 4.654.022.39.098 3.713 5.843 3.713 5.98 0 6.447-4.16 6.447-4.16zm-9.882.86s-.06-3.632 3.804-3.56c3.412.06 3.206 3.164 3.206 3.164s-.026 2.98-3.684 2.98c-3.288 0-3.326-2.584-3.326-2.584zm2.528 1.037c.672 0 1.212-.447 1.212-.998 0-.55-.543-.998-1.212-.998-.672 0-1.215.447-1.215.998 0 .551.546.998 1.215.998z" clip-rule="evenodd"></path></svg>
						</el-col>
	<el-col :span="5">
							
	</el-col>
</el-row>
<style>
.line {
		border-top: 1px solid;
		border-color: #EBEBEB;
		width: 100%;
		margin-top: 10px;
	}
</style>
```
![输入图片说明](https://foruda.gitee.com/images/1663261434974214896/9515706f_11368390.png "屏幕截图")

放下登录按钮下即可

注册页面文件分享
![输入图片说明](https://foruda.gitee.com/images/1663261567374950325/178bcdb8_11368390.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1663261671928675743/eae1d7cd_11368390.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1663261642045280416/0eef38c3_11368390.png "屏幕截图")
加了一个注册协议！

```
<template>
	<div class="login flex flex-col">
		<div class="flex-1 flex items-center justify-center">
			<div class="login-card flex rounded-md">
				<div class="flex-1 h-full hidden md:inline-block">
					<image-contain :src="config.login_image" :width="400" height="100%" />
				</div>
				<div class="login-form bg-body flex flex-col px-10 pt-10 md:w-[400px] w-[375px] flex-none mx-auto">
					<div class="text-center text-3xl font-medium mb-8">
					账户注册	
					</div>

<el-form ref="formRef" :model="formData" size="large" :rules="rules">
						<el-form-item prop="account">
							<el-input v-model="formData.account" placeholder="请输入账号" @keyup.enter="handleEnter">
								<template #prepend>
									<icon name="el-icon-Avatar" />
								</template>
							</el-input>
						</el-form-item>
						<el-form-item prop="password">
							<el-input ref="passwordRef" v-model="formData.password" show-password placeholder="请输入密码"
								@keyup.enter="handleLogin">
								<template #prepend>
									<icon name="el-icon-Lock" />
								</template>
							</el-input>
						</el-form-item>
						
						<el-form-item prop="password">
							<el-input ref="passwordsRef" v-model="formData.passwords" show-password placeholder="请再次输入密码"
								@keyup.enter="handleLogin">
								<template #prepend>
									<icon name="el-icon-Lock" />
								</template>
							</el-input>
						</el-form-item>
					</el-form>
				
					<el-row class="mb-5">
						<el-col :span="12" style="display: flex;">
						<el-checkbox v-model="formData.arrge" label="" style="margin:0px;">我同意</el-checkbox>
							<label style="line-height: 32px;font-size:14px;color:#4a5dff;" @click="open">《用户协议》</label>
						</el-col>
						<el-col :span="12" style="display: flex;flex-direction: row-reverse;">
							<label style="line-height: 32px;" @click="login">返回登录</label>
						</el-col>
					</el-row>
					
					<el-button class="mb-5" type="primary" size="large" :loading="isLock" @click="lockLogin">
						注册
					</el-button>
					
						
				</div>
			</div>
		</div>
		<layout-footer />
	</div>
</template>

.login-card {
			height: 430px;
		}
	}
	.messagebox{
		width:65%
	}
	.line {
		border-top: 1px solid;
		border-color: #EBEBEB;
		width: 100%;
		margin-top: 10px;
	}
</style>

```

创建了任务

好的，简易用户前台，我们先做了一个uniapp的版本，马上发布。

感谢提交issue，请添加客服微信，领取现金红包奖励。

输入图片说明

备注：领取任务奖励。

已领取

登录后才可以发表评论

状态

负责人

里程碑

Pull Requests

关联的 Pull Requests 被合并后可能会关闭此 issue

分支

开始日期 - 截止日期

置顶选项

优先级

参与者（2）

PHP

https://gitee.com/likeadmin/likeadmin_php.git

git@gitee.com:likeadmin/likeadmin_php.git

likeadmin

likeadmin_php

likeadmin（PHP版）- 管理后台_小程序_手机H5_PC端_uni-app

码多多AI / likeadmin（PHP版）- 管理后台_小程序_手机H5_PC端_uni-app

内容风险标识

评论 (3)

码多多AI / likeadmin（PHP版）- 管理后台_小程序_手机H5_PC端_uni-app .gitee-modal { width: 500px !important; }

内容风险标识

issue_9674144

评论 (3)

搜索帮助

码多多AI / likeadmin（PHP版）- 管理后台_小程序_手机H5_PC端_uni-app