视频
前言
本教程为《用WordPress与uni-app开发,包含所有源代码》系列教程之一。
全功能WordPress API接口工具已出
全功能WordPress API接口工具已出只为前端开发者的你设计,详情查看:Sliver Rest Wp api:全功能的WordPress api工具
前面我们实现了登录的功能,接下来我们开始注册功能的实现,还是先做一个注册页面。
开始
在我们的项目的page文件夹中新建页面:reg

注册页面中的代码和登录页面中的代码一致,只是多了一个输入框,如下:
<template>
<view>
<view class="sliverLoginPage">
<form @submit="formSubmit" class="sliverLogin">
<view class="uni-form-item uni-column">
<input class="uni-input" name="username" placeholder="请输入用户名……" />
<input class="uni-input" password="true" name="userpwd" placeholder="请输入登录密码……" />
<input class="uni-input" password="true" name="useremail" placeholder="请输入邮箱密码……" />
</view>
<view class="uni-btn-v">
<button formType="submit" type="primary">注册</button>
<button type="warn">登录</button>
</view>
</form>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
}
}
</script>
<style>
.sliverLoginPage {
padding: 20px 15px;
}
.sliverLogin uni-input {
background: #d8d8d8;
margin-bottom: 1rem;
padding: 0.5rem;
font-size: 0.8rem;
border-radius: 5px;
color: #424242;
}
.sliverLogin .uni-btn-v button {
margin-bottom: .5rem;
}
</style>
结束
好了,布局简单,结束!
QQ交流群: 824144151
技术援助
需要技术援助?点击这里,帮你解决你的所有问题!PS:可能你离大神之间,只差一个我们!!!!
代码仓库: https://github.com/sliverRing/uniApp-WPApp
[post id=18]