uu
This commit is contained in:
parent
48e9782c38
commit
75cbfdcbaa
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<tpx-dialog v-model:show="lgDialog.show">
|
||||
<tpx-dialog v-model:show="lgDialog.show" title="登录" :rootStyle="'min-height:auto;'">
|
||||
<LoginComponent @succeedBack="handleLoginedBack" @needLoginInput="handleShowLogin"></LoginComponent>
|
||||
</tpx-dialog>
|
||||
</template>
|
||||
@ -46,27 +46,5 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.lgn-page {
|
||||
background-color: #B12D29;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.yunduo{
|
||||
position: absolute;
|
||||
bottom: 0rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.avatar-empty{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: $uni-color-primary;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -1,40 +1,41 @@
|
||||
<template>
|
||||
<tpx-layout>
|
||||
<template #body>
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input type="nickname" v-model="submitLogin.nickName" placeholder="昵称"
|
||||
color="#fff" font-size="30" placeholder-style="color: #FFF;"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
></u-input>
|
||||
<view class="ml-40">
|
||||
<button class="btn-open avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<u-image v-if="submitLogin.avatarUrl" :src="submitLogin.avatarUrl" width="100" height="100" mode="aspectFill"/>
|
||||
<view v-else class="avatar-empty">头像</view>
|
||||
</button>
|
||||
</view>
|
||||
</u-row>
|
||||
<view style="position: relative;height: 400rpx;">
|
||||
<tpx-layout>
|
||||
<template #body>
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input v-model="submitLogin.nickName" type="nickname" placeholder="昵称"
|
||||
font-size="30"
|
||||
placeholder-style=""
|
||||
></u-input>
|
||||
<view class="ml-40">
|
||||
<button class="btn-open avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<u-image v-if="submitLogin.avatarUrl" :src="submitLogin.avatarUrl" width="100" height="100" mode="aspectFill"/>
|
||||
<view v-else class="avatar-empty">头像</view>
|
||||
</button>
|
||||
</view>
|
||||
</u-row>
|
||||
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input v-model="submitLogin.phoneNumber" placeholder="手机号"
|
||||
font-size="30"
|
||||
placeholder-style=""
|
||||
>
|
||||
<template #suffix>
|
||||
<button class="btn-open clr-wht font-28" open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber" style=""
|
||||
>
|
||||
<text class="clr-prm">获取手机号</text>
|
||||
</button>
|
||||
</template>
|
||||
</u-input>
|
||||
</u-row>
|
||||
</template>
|
||||
|
||||
<u-row custom-style="margin-top: 30rpx;">
|
||||
<u-input v-model="submitLogin.phoneNumber" placeholder="手机号"
|
||||
color="#fff" font-size="30"
|
||||
custom-style="padding: 20rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
placeholder-style="color: #FFF;"
|
||||
>
|
||||
<template #suffix>
|
||||
<button class="btn-open clr-wht font-28" open-type="getPhoneNumber"
|
||||
@getphonenumber="getPhoneNumber" style="background: rgba(255,255,255,0.2);"
|
||||
>
|
||||
获取手机号
|
||||
</button>
|
||||
</template>
|
||||
</u-input>
|
||||
</u-row>
|
||||
</template>
|
||||
|
||||
<template #footer>
|
||||
<u-button v-if="!pageLoading" @click="handleConfirmLogin" custom-style="height:66rpx;font-size:32rpx;border-radius: 16rpx;">登录</u-button>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
<template #footer>
|
||||
<u-button v-if="!pageLoading" @click="handleConfirmLogin" type="primary" custom-style="height:66rpx;font-size:32rpx;border-radius: 16rpx;">登录</u-button>
|
||||
</template>
|
||||
</tpx-layout>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user