czg_team/video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

注册页面/下载页面更新

Browse Source
This commit is contained in:
GaoHao
2024-12-07 14:41:23 +08:00
parent 665db9bb9a
commit ff96875de7
6 changed files with 202 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages.json
View File

@@ -125,9 +125,10 @@
"path": "pages/login/registerApp", "path": "pages/login/registerApp",
"style": { "style": {
"navigationBarTitleText": "注册", "navigationBarTitleText": "注册",
"navigationBarBackgroundColor": "#f1a48a",
"h5": { "h5": {
"titleNView": { "titleNView": {
"backgroundColor": "#FFFFFF" "backgroundColor": "#f1a48a"
} }
} }
// #ifdef H5 // #ifdef H5
@@ -159,13 +160,19 @@
}, },
{ {
"path": "pages/login/register", "path": "pages/login/register",
"style": { "style": {
"navigationBarTitleText": "注册", "navigationBarTitleText": "",
"navigationBarBackgroundColor": "#f1a48a",
"h5": { "h5": {
"titleNView": { "titleNView": {
"backgroundColor": "#FFFFFF" "backgroundColor": "#f1a48a"
} }
} }
// #ifdef H5
,
"navigationStyle": "custom"
// #endif
} }
}, },
{ {

56
pages/login/appEq.vue
View File

@@ -1,17 +1,13 @@
<template> <template>
<view <view class="containers">
style="background-image: url(https://renwu.xiansqx.com/img/20210809/71fcac577b1945a7aeb724c8bd12a171.png);background-size: 100%;"> <image style="width: 100%;position: absolute;" src="../../static/images/appeq_bg.png" mode="widthFix"></image>
<view style="text-align: center;">
<image <view style="text-align: center;position: relative;height: 100%;">
style="width: 160upx;height: 160upx;margin-top: 200upx;border-radius:20upx;border: 2px solid #FFFFFF;" <image style="width: 124rpx;height: 124rpx;margin-top: 162rpx;border-radius:20upx;" src="../../static/images/appLogo.png"></image>
src="../../static/images/appLogo.png"></image> <view style="font-size: 40rpx;margin-top: 32rpx;color: #FFFFFF;font-weight: bold;">斯耀短剧APP</view>
<view style="font-size: 46upx;margin-top: 20upx;color: #FFFFFF;font-weight: 500;">短剧APP</view> <view style="font-size: 28rpx;margin-top: 16rpx;color: #FFFFFF;font-weight: bold;">海量电子榨菜 免费又过瘾</view>
<view style="font-size: 28upx;margin-top: 8upx;color: #FFFFFF;font-weight: 300;">{{message}}</view> <button class="confirm-btn" @click="taobaoLogin">斯耀短剧APP</button>
<button class="confirm-btn" @click="taobaoLogin">下载斯耀短剧APP</button>
<view style="margin-top: 300upx;text-align: center"><text
style="color: #666666;font-size: 32upx;font-weight: 400;"></text></view>
<view style="color: #333333;margin-top: 20upx;font-weight: 600;font-size: 38upx;"></view>
<view style="margin-top: 40upx;background: #FF0223;height: 10upx;width: 60upx;margin-left: 46%;"></view>
</view> </view>
<view id="shareit" v-if="show_share" @tap="closeShare"> <view id="shareit" v-if="show_share" @tap="closeShare">
<image class="arrow" src="https://renwu.xiansqx.com/img/20210813/9aa484db4c60458f86deb2a8ab6fe400.png"> <image class="arrow" src="https://renwu.xiansqx.com/img/20210813/9aa484db4c60458f86deb2a8ab6fe400.png">
@@ -128,7 +124,15 @@
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
uni-page-body{
width: 100%;
height: 100%;
}
.containers {
width: 100%;
height: 100%;
}
#shareit { #shareit {
-webkit-user-select: none; -webkit-user-select: none;
position: fixed; position: fixed;
@@ -260,16 +264,18 @@
} }
.confirm-btn { .confirm-btn {
width: 500upx; width: 416rpx;
height: 100upx; height: 90rpx;
line-height: 100upx; line-height: 90rpx;
margin-top: 200upx; background: #FD5775;
color: #FE0122; color: #fff;
font-size: 38upx; font-size: 32rpx;
font-weight: 500; font-weight: bold;
font-size: 32rpx;
// &:after { color: #FFFFFF;
// border-radius: 60px; position: absolute;
// } left: 0;
right: 0;
bottom: 160rpx;
} }
</style> </style>

132
pages/login/register.vue
View File

@@ -1,25 +1,29 @@
<template> <template>
<view class="container"> <view class="container">
<view class="wrapper"> <view class="bg u-absolute" style="width: 100%;height: 100%;overflow: hidden;top: 0;">
<u-image src="../../static/images/i_bg.png" style="width: 100%;height:100%" mode=""></u-image>
</view>
<view class="wrapper u-relative" style="padding-top: 48rpx;box-sizing: border-box;">
<view class="input-content"> <view class="input-content">
<view class="cu-form-group" <view style="font-size: 58rpx;font-weight: bold;color: #333;margin-bottom: 48rpx;">注册</view>
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<view class="cu-form-group">
<view class="title">手机号</view> <view class="title">手机号</view>
<input type="number" :value="mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile" <input class="input" type="number" :value="mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
@input="inputChange" /> @input="inputChange" />
</view> </view>
<view class="cu-form-group" <view class="cu-form-group">
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<text class="title">验证码</text> <text class="title">验证码</text>
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code" <view class="input flex">
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code"
@input="inputChange" @confirm="toLogin" /> @input="inputChange" @confirm="toLogin" />
<button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button> <button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
</view>
</view> </view>
<view class="cu-form-group" <view class="cu-form-group">
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<text class="title">设置密码</text> <text class="title">设置密码</text>
<input type="password" :value="password" placeholder="请设置新密码" placeholder-class="input-empty" <input class="input" type="password" :value="password" placeholder="请设置新密码" placeholder-class="input-empty"
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" /> maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" />
</view> </view>
<!-- <view class="cu-form-group" <!-- <view class="cu-form-group"
@@ -30,15 +34,15 @@
<input type="text" v-if="registerCode == '否'" :value="invitation" placeholder="请填写邀请码(选填)" <input type="text" v-if="registerCode == '否'" :value="invitation" placeholder="请填写邀请码(选填)"
data-key="invitation" maxlength="20" @input="inputChange" @confirm="toLogin" /> data-key="invitation" maxlength="20" @input="inputChange" @confirm="toLogin" />
</view> --> </view> -->
<button class="confirm-btn" @click="toLogin">注册</button>
</view> </view>
<button class="confirm-btn" @click="toLogin">立即注册</button>
<view class="footer"> <view class="footer">
<text @tap="isShowAgree" class="cuIcon" <text @tap="isShowAgree" class="cuIcon"
:class="showAgree ? 'cuIcon-radiobox' : 'cuIcon-round'">同意</text> :class="showAgree ? 'cuIcon-radiobox' : 'cuIcon-round'">注册即同意</text>
<!-- 协议地址 --> <!-- 协议地址 -->
<navigator url="/me/setting/mimi" open-type="navigate">《隐私政策》</navigator> <navigator url="/me/setting/mimi" open-type="navigate" style="color: #37A6FF;">《隐私政策》</navigator>
和 与
<navigator url="/me/setting/xieyi" open-type="navigate">《用户协议》</navigator> <navigator url="/me/setting/xieyi" open-type="navigate" style="color: #37A6FF;">《用户协议》</navigator>
</view> </view>
</view> </view>
</view> </view>
@@ -340,70 +344,100 @@
}; };
</script> </script>
<style lang="scss"> <style lang="scss" >
page { page {
background: #ffffff; background: #ffffff;
} }
.footer { .footer {
padding-left: 140upx;
margin-top: 32upx;
text-align: center;
display: flex; display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 24rpx;
color: #333333;
position: absolute;
left: 0;
right: 0;
bottom: 78rpx;
.cuIcon::before{
width: 30rpx;
height: 30rpx;
margin-right: 12rpx;
}
.cuIcon-round::before {
content: "\e6d7";
}
.cuIcon-radiobox:before {
content: "\e75b";
color: #37A6FF;
}
} }
.send-msg { .send-msg {
border-radius: 30px; line-height: initial;
color: white; font-weight: 400;
height: 30px; font-size: 28rpx;
font-size: 14px; color: #EC6F48;
line-height: 30px; border: none;
background: #ff7581; background-color: transparent;
} }
.send-msg::after{
.send-msgs { border: none;
border-radius: 30px; background-color: transparent;
color: #999999;
height: 30px;
font-size: 14px;
line-height: 30px;
background: white;
} }
.container { .container {
padding-top: 32upx;
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background: #ffffff; background: #ffffff;
box-sizing: border-box;
} }
.wrapper { .wrapper {
min-height: 100vh;
position: relative; position: relative;
z-index: 90; z-index: 90;
background: #ffffff;
padding-bottom: 20px;
} }
.input-content { .input-content {
padding: 0 20px; padding: 0 56rpx;
}
.cu-form-group{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 48rpx;
background-color: transparent;
padding: 0;
.title{
margin-bottom: 32rpx;
font-weight: 400;
font-size: 28rpx;
color: #333333;
}
.input{
width: 100%;
background-color: #fff;
padding: 22rpx 32rpx 22rpx 24rpx;
}
} }
.confirm-btn { .confirm-btn {
width: 300px; width: 100%;
height: 42px; height: 100rpx;
line-height: 42px; text-align: center;
border-radius: 30px; line-height: 100rpx;
margin-top: 40px; border-radius: 16rpx;
background: #ff7581; margin-top: 80rpx;
color: #ffffff; background: #EC6F48;
font-size: 32rpx; font-size: 32rpx;
color: #FFFFFF;
&:after { &:after {
border-radius: 60px; border: none;
} }
} }
</style> </style>

122
pages/login/registerApp.vue
View File

@@ -1,25 +1,29 @@
<template> <template>
<view class="container"> <view class="container">
<view class="wrapper"> <view class="bg u-absolute" style="width: 100%;height: 100%;overflow: hidden;top: 0;">
<u-image src="../../static/images/i_bg.png" style="width: 100%;height:100%" mode=""></u-image>
</view>
<view class="wrapper u-relative" style="padding-top: 48rpx;box-sizing: border-box;">
<view class="input-content"> <view class="input-content">
<view class="cu-form-group" <view style="font-size: 58rpx;font-weight: bold;color: #333;margin-bottom: 48rpx;">注册</view>
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px"> <view class="cu-form-group" >
<view class="title">手机号</view> <view class="title">手机号</view>
<input type="number" :value="mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile" <input class="input" type="number" :value="mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
@input="inputChange" /> @input="inputChange" />
</view> </view>
<view class="cu-form-group" <view class="cu-form-group" >
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<text class="title">验证码</text> <text class="title">验证码</text>
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code" <view class="input flex">
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code"
@input="inputChange" @confirm="toLogin" /> @input="inputChange" @confirm="toLogin" />
<button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button> <button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
</view>
</view> </view>
<view class="cu-form-group" <view class="cu-form-group" >
style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<text class="title">设置密码</text> <text class="title">设置密码</text>
<input type="password" :value="password" placeholder="请设置新密码" placeholder-class="input-empty" <input class="input" type="password" :value="password" placeholder="请设置新密码" placeholder-class="input-empty"
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" /> maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" />
</view> </view>
<!-- <view class="cu-form-group" <!-- <view class="cu-form-group"
@@ -30,15 +34,15 @@
<input type="text" v-if="registerCode == '否'" :value="invitation" placeholder="请填写邀请码(选填)" <input type="text" v-if="registerCode == '否'" :value="invitation" placeholder="请填写邀请码(选填)"
data-key="invitation" maxlength="20" @input="inputChange" @confirm="toLogin" /> data-key="invitation" maxlength="20" @input="inputChange" @confirm="toLogin" />
</view> --> </view> -->
<button class="confirm-btn" @click="toLogin">注册</button>
</view> </view>
<button class="confirm-btn" @click="toLogin">立即注册</button>
<view class="footer"> <view class="footer">
<text @tap="isShowAgree" class="cuIcon" <text @tap="isShowAgree" class="cuIcon"
:class="showAgree ? 'cuIcon-radiobox' : 'cuIcon-round'">同意</text> :class="showAgree ? 'cuIcon-radiobox' : 'cuIcon-round'">同意</text>
<!-- 协议地址 --> <!-- 协议地址 -->
<navigator url="/me/setting/mimi" open-type="navigate">《隐私政策》</navigator> <navigator url="/me/setting/mimi" open-type="navigate" style="color: #37A6FF;">《隐私政策》</navigator>
和 和
<navigator url="/me/setting/xieyi" open-type="navigate">《用户协议》</navigator> <navigator url="/me/setting/xieyi" open-type="navigate" style="color: #37A6FF;">《用户协议》</navigator>
</view> </view>
</view> </view>
</view> </view>
@@ -344,33 +348,44 @@
} }
.footer { .footer {
padding-left: 140upx;
margin-top: 32upx;
text-align: center;
display: flex; display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 24rpx;
color: #333333;
position: absolute;
left: 0;
right: 0;
bottom: 78rpx;
.cuIcon::before{
width: 30rpx;
height: 30rpx;
margin-right: 12rpx;
}
.cuIcon-round::before {
content: "\e6d7";
}
.cuIcon-radiobox:before {
content: "\e75b";
color: #37A6FF;
}
} }
.send-msg { .send-msg {
border-radius: 30px; line-height: initial;
color: white; font-weight: 400;
height: 30px; font-size: 28rpx;
font-size: 14px; color: #EC6F48;
line-height: 30px; border: none;
background: #5074FF; background-color: transparent!important;
} }
.send-msg::after{
.send-msgs { border: none;
border-radius: 30px; background-color: transparent;
color: #999999;
height: 30px;
font-size: 14px;
line-height: 30px;
background: white;
} }
.container { .container {
padding-top: 32upx;
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -381,27 +396,46 @@
.wrapper { .wrapper {
position: relative; position: relative;
z-index: 90; z-index: 90;
background: #fff; min-height: 100vh;
padding-bottom: 20px;
} }
.input-content { .input-content {
padding: 0 20px; padding: 0 56rpx;
.cu-form-group{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 48rpx;
background-color: transparent;
padding: 0;
.title{
margin-bottom: 32rpx;
font-weight: 400;
font-size: 28rpx;
color: #333333;
}
.input{
width: 100%;
background-color: #fff;
padding: 22rpx 32rpx 22rpx 24rpx;
}
}
} }
.confirm-btn { .confirm-btn {
width: 300px; width: 100%;
height: 42px; height: 100rpx;
line-height: 42px; text-align: center;
border-radius: 30px; line-height: 100rpx;
margin-top: 40px; border-radius: 16rpx;
background: #5074FF; margin-top: 80rpx;
color: #fff; background: #EC6F48;
font-size: 32rpx; font-size: 32rpx;
color: #FFFFFF;
&:after { &:after {
border-radius: 60px; border: none;
} }
} }
</style> </style>

BIN
static/images/appeq_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 676 KiB

BIN
static/images/i_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 591 KiB