Browse Source

[完成] 注册授权页面UI

master
邓平艺 5 years ago
parent
commit
75f29803db
  1. 6
      pages.json
  2. 61
      pages/register/authorization.vue
  3. BIN
      static/images/register.png

6
pages.json

@ -29,6 +29,12 @@
"navigationBarTitleText": "会员注册-完善信息"
}
},
{
"path": "pages/register/authorization",
"style": {
"navigationBarTitleText": "注册账号"
}
},
{
"path": "pages/upTheWall/upTheWall",
"style": {

61
pages/register/authorization.vue

@ -0,0 +1,61 @@
<template>
<view class="content">
<image class="img" src="../../static/images/register.png"></image>
<button class="btn" hover-class="lf-opacity">点击授权注册</button>
<view class="desc">
<text>已阅读并同意</text>
<text class="lf-color-primary">相亲交友服务协议</text>
<text></text>
</view>
</view>
</template>
<script>
export default {
data(){
return {
}
},
onLoad(){
},
methods: {
}
}
</script>
<style>
page{
overflow: hidden;
}
</style>
<style lang="scss" scoped="scoped">
.content{
width: 750rpx;
height: max-content;
box-sizing: border-box;
padding: 30rpx 32rpx;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
.img{
width: 686rpx;
height: 457rpx;
}
.btn{
margin-top: 60rpx;
width: 686rpx;
background-color: #e21196;
border-radius: 12rpx;
color: #FFFFFF;
}
.desc{
margin-top: 30rpx;
font-size: 24rpx;
color: #777777;
}
}
</style>

BIN
static/images/register.png

After

Width: 375  |  Height: 250  |  Size: 105 KiB

Loading…
Cancel
Save