Lee
commit
948ca2bc67
|
|
@ -0,0 +1,22 @@
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
**/node_modules
|
||||||
|
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
# misc
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-error.log
|
||||||
|
yarn.lock
|
||||||
|
package-lock.json
|
||||||
|
*bak
|
||||||
|
|
||||||
|
# visual studio code
|
||||||
|
.vscode
|
||||||
|
.history
|
||||||
|
*.log
|
||||||
|
functions/*
|
||||||
|
.temp/**
|
||||||
|
|
||||||
|
.eslintcache
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
// 使用 IntelliSense 了解相关属性。
|
||||||
|
// 悬停以查看现有属性的描述。
|
||||||
|
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": []
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,135 @@
|
||||||
|
*{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.body{
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
padding-bottom: 180rpx;
|
||||||
|
background-color: #edeff2;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
color: #6a859c;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder{
|
||||||
|
color: #999999;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.header{
|
||||||
|
line-height: 128rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 4rpx solid #69b9ff;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
width: 94%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.head{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 2%;
|
||||||
|
line-height: 116rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 4rpx solid #69b9ff;
|
||||||
|
}
|
||||||
|
.head>navigator{
|
||||||
|
width: 10%;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.head>text{
|
||||||
|
font-size: 32rpx;
|
||||||
|
width: 90%;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.head .head-txt{
|
||||||
|
display: block;
|
||||||
|
line-height: 44rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-btns{
|
||||||
|
display: inline-block;
|
||||||
|
height: 76rpx;
|
||||||
|
line-height: 76rpx;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
margin-left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
checkbox{
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
border: 0;
|
||||||
|
background: none;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.checkbox-text{
|
||||||
|
margin-left: 8rpx;
|
||||||
|
}
|
||||||
|
.a-checkbox:checked{
|
||||||
|
background-color: #2e80b6;
|
||||||
|
}
|
||||||
|
checkbox+.point{
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
border-radius: 2px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
checkbox+.point2{
|
||||||
|
background-color:#2e80b6;
|
||||||
|
background-image: url(/static/success.png);
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 7px 7px;
|
||||||
|
}
|
||||||
|
radio{
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
border: 0;
|
||||||
|
background: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.radio-text{
|
||||||
|
line-height: 40rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
}
|
||||||
|
.a-radio-checked{
|
||||||
|
background-color: #2e80b6;
|
||||||
|
}
|
||||||
|
radio+.point{
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
radio+.point2{
|
||||||
|
border: 1px solid #2e80b6;
|
||||||
|
}
|
||||||
|
radio+.point2>text{
|
||||||
|
display: block;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color:#2e80b6;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
}
|
||||||
|
.on-click,
|
||||||
|
.on-click:hover{
|
||||||
|
background-color: #bcbcbc !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
// 公共js
|
||||||
|
import toolAll from './utils/tools'
|
||||||
|
dd['$toolAll'] = toolAll;
|
||||||
|
import http from './utils/requst'
|
||||||
|
dd['$http'] = http;
|
||||||
|
import utils from '/utils/utils'
|
||||||
|
dd['utils'] = utils;
|
||||||
|
// dd['baseUrl'] = 'http://aspiration.scdxtc.cn';
|
||||||
|
dd['baseUrl'] = 'https://ypzy.emingren.com';
|
||||||
|
App({
|
||||||
|
onLaunch(options) {
|
||||||
|
// 第一次打开
|
||||||
|
// options.query == {number:1}
|
||||||
|
console.info('App onLaunch');
|
||||||
|
},
|
||||||
|
onShow(options) {
|
||||||
|
// 从后台被 scheme 重新打开
|
||||||
|
// options.query == {number:1}
|
||||||
|
},
|
||||||
|
onHide(){
|
||||||
|
dd.removeStorageSync({key:'anliObj'})
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"pages": [
|
||||||
|
"pages/start/start",
|
||||||
|
"pages/login/login",
|
||||||
|
"pages/login/bind/bind",
|
||||||
|
"pages/login/code/code",
|
||||||
|
"pages/login/verification/verification",
|
||||||
|
"pages/home/home"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<view>
|
||||||
|
<swiper
|
||||||
|
style="height:150px"
|
||||||
|
class="demo-swiper"
|
||||||
|
autoplay="{{autoplay}}"
|
||||||
|
vertical="{{vertical}}"
|
||||||
|
interval="{{interval}}"
|
||||||
|
circular="{{circular}}"
|
||||||
|
>
|
||||||
|
<block a:for="{{bannerList}}">
|
||||||
|
<swiper-item>
|
||||||
|
<view><image mode="scaleToFill" src="{{item.src}}" style="width:100%;" /></view>
|
||||||
|
</swiper-item>
|
||||||
|
</block>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
Component({
|
||||||
|
mixins: [],
|
||||||
|
data: {
|
||||||
|
indicatorDots: true,
|
||||||
|
autoplay: true,
|
||||||
|
vertical: false,
|
||||||
|
interval: 4000,
|
||||||
|
circular: true,
|
||||||
|
bannerList:[]
|
||||||
|
},
|
||||||
|
// 轮播事件start
|
||||||
|
changeIndicatorDots(e) {
|
||||||
|
this.setData({
|
||||||
|
indicatorDots: !this.data.indicatorDots,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeVertical() {
|
||||||
|
this.setData({
|
||||||
|
vertical: !this.data.vertical,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeCircular(e) {
|
||||||
|
this.setData({
|
||||||
|
circular: !this.data.circular,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeAutoplay(e) {
|
||||||
|
this.setData({
|
||||||
|
autoplay: !this.data.autoplay,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
intervalChange(e) {
|
||||||
|
this.setData({
|
||||||
|
interval: e.detail.value,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 轮播事件end
|
||||||
|
|
||||||
|
props: {},
|
||||||
|
didMount() {
|
||||||
|
this.bannerEv();
|
||||||
|
},
|
||||||
|
didUpdate() {},
|
||||||
|
didUnmount() {},
|
||||||
|
methods: {
|
||||||
|
// 获取轮播图
|
||||||
|
bannerEv(){
|
||||||
|
dd.$http.get('/api/dictionary/get-slide-list',{position:'customer_home_banner'}).then(res=>{
|
||||||
|
if(res.code==0){
|
||||||
|
let arr = [];
|
||||||
|
res.data.forEach(item=>{
|
||||||
|
let bannerObj = {
|
||||||
|
id:item.id,
|
||||||
|
src:dd.baseUrl + item.src,
|
||||||
|
url:item.url
|
||||||
|
}
|
||||||
|
arr.push(bannerObj);
|
||||||
|
})
|
||||||
|
this.setData({
|
||||||
|
bannerList:arr
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"component": true
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
.nav-tabs {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
.tab-list {
|
||||||
|
width: 34%;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
}
|
||||||
|
.tab-list>view{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.nav-tabs .tab-list:nth-of-type(2)>view{
|
||||||
|
border-left: 2rpx solid #9f9f9f;
|
||||||
|
border-right: 2rpx solid #9f9f9f;
|
||||||
|
}
|
||||||
|
.tab-list>view>view:first-child,
|
||||||
|
.tab-list>view>view:first-child image{
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-text {
|
||||||
|
height: 60rpx;
|
||||||
|
box-sizing: content-box;
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 60rpx;
|
||||||
|
color: #424652;
|
||||||
|
margin-left: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background: #e2e2e2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tabbar切换选中的文字颜色 */
|
||||||
|
|
||||||
|
/* .active text {
|
||||||
|
color: #2697EB !important;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.show {
|
||||||
|
display: block;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<view class="nav-tabs">
|
||||||
|
<view class="tab-list {{currentTab == 0 || currentTab == 1 ? 'active' : 'default' }}" onTap="toConsultant">
|
||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
<image mode="scaleToFill" src="/static/menu01.png" />
|
||||||
|
</view>
|
||||||
|
<view class="tab-text">专家列表</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="tab-list {{currentTab == 2 ? 'active' : 'default' }}" onTap="toSupervisor">
|
||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
<image mode="scaleToFill" src="/static/menu02.png" />
|
||||||
|
</view>
|
||||||
|
<view class="tab-text">付费咨询</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="tab-list {{currentTab == 3 ? 'active' : 'default' }}" onTap="toExaminee">
|
||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
<image mode="scaleToFill" src="/static/menu03.png" />
|
||||||
|
</view>
|
||||||
|
<view class="tab-text">个人中心</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
Component({
|
||||||
|
mixins: [],
|
||||||
|
data: {
|
||||||
|
currentTab: 1
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
currentTab: String
|
||||||
|
},
|
||||||
|
didMount() {
|
||||||
|
this.setData({
|
||||||
|
currentTab: this.props.currentTab
|
||||||
|
})
|
||||||
|
},
|
||||||
|
didUpdate() {},
|
||||||
|
didUnmount() {},
|
||||||
|
methods: {
|
||||||
|
toConsultant(){
|
||||||
|
dd.reLaunch({
|
||||||
|
url: '/pages/consultant/list/list'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
toSupervisor(){
|
||||||
|
dd.reLaunch({
|
||||||
|
url: '/pages/supervisor/index/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
toExaminee(){
|
||||||
|
if(dd.$toolAll.getCache('roleType')){
|
||||||
|
// 前往咨询师资料页
|
||||||
|
dd.reLaunch({
|
||||||
|
url: '/pages/consultant/user/user'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
dd.reLaunch({
|
||||||
|
url: '/pages/examinee/user/user'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"component": true
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
export default {
|
||||||
|
// BASE_URL: 'http://aspiration.scdxtc.cn' // api接口服务器地址
|
||||||
|
BASE_URL: 'https://ypzy.emingren.com' // api接口服务器地址
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
{
|
||||||
|
"dependencies": {
|
||||||
|
"@antv/f2": "^3.8.10-beta.1",
|
||||||
|
"@antv/my-f2": "^2.1.7"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<view>
|
||||||
|
<web-view src="{{url}}" onMessage="test"></web-view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
url:''
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
let userData = JSON.stringify(dd.$toolAll.getCache('userData'));
|
||||||
|
let userType = dd.$toolAll.getCache('userData').userType;
|
||||||
|
console.log(userType,123)
|
||||||
|
if(userType==1){
|
||||||
|
this.setData({
|
||||||
|
url: 'http://aspevel.scdxtc.cn/#/consultant?userData='+userData
|
||||||
|
})
|
||||||
|
}else if(userType==0){
|
||||||
|
this.setData({
|
||||||
|
url: 'http://aspevel.scdxtc.cn/#/index?userData='+userData
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,139 @@
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder{
|
||||||
|
color: #dedede;
|
||||||
|
}
|
||||||
|
.phone-txt{
|
||||||
|
padding: 1.2rem .4rem 0;
|
||||||
|
border-top: .02rem solid #FAFAFA;
|
||||||
|
}
|
||||||
|
.phone-title{
|
||||||
|
font-size: .4rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.phone-txt input{
|
||||||
|
width: 100%;
|
||||||
|
height: .9rem;
|
||||||
|
line-height: .9rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
border-bottom: .02rem solid #e2e4e6;
|
||||||
|
}
|
||||||
|
.flex{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.flex .span-02{
|
||||||
|
width: 100%;
|
||||||
|
font-size: .3rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin-top: .2rem;
|
||||||
|
}
|
||||||
|
.flex .span-01{
|
||||||
|
width: auto;
|
||||||
|
font-size: .3rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin-top: .2rem;
|
||||||
|
color: #348bff;
|
||||||
|
}
|
||||||
|
.login-btns{
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
.login-btns>view{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: .8rem;
|
||||||
|
background-color: #3440c9;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.addr-select-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
/* 授权按钮 */
|
||||||
|
.nail-popup-btns view{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: .8rem;
|
||||||
|
margin-top: .4rem;
|
||||||
|
background-color: #348bff;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.nail-popup-btns view:last-child{
|
||||||
|
margin-top: .15rem;
|
||||||
|
background-color: rgba(0,0,0,0);
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
/* 提示框 */
|
||||||
|
.toast{
|
||||||
|
width: 3rem;
|
||||||
|
padding: .2rem .25rem;
|
||||||
|
background-color: rgba(255,255,255,.8);
|
||||||
|
color: #333333;
|
||||||
|
border-radius: .1rem;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.my-confirm-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
.my-confirm{
|
||||||
|
width: 5rem;
|
||||||
|
padding: .4rem .3rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: .3rem;
|
||||||
|
box-shadow: 0 0 .13rem rgba(29,47,67,.1);
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.my-confirm>text{
|
||||||
|
display: block;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.confirm-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin-top: .4rem;
|
||||||
|
}
|
||||||
|
.confirm-btns>view{
|
||||||
|
width: 1.6rem;
|
||||||
|
line-height: .5rem;
|
||||||
|
border-radius: .25rem;
|
||||||
|
border: .02rem solid #333fc9;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
font-size: .26rem;
|
||||||
|
color: #333fc9;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.confirm-btns>view:first-child{
|
||||||
|
background-color: #333fc9;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<view>
|
||||||
|
<view class="verification pull-content list-section">
|
||||||
|
<view class="phone-txt">
|
||||||
|
<view class="phone-title">手机号</view>
|
||||||
|
<view class="flex">
|
||||||
|
<input type="input" onInput="bindKeyInput" placeholder="请输入需要绑定的手机号"/>
|
||||||
|
</view>
|
||||||
|
<view class="login-btns">
|
||||||
|
<view onTap="checkPhone">获取验证码</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 提示框 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{isToast}}"></view>
|
||||||
|
<view class="toast" a:if="{{isToast}}">
|
||||||
|
<view>{{toastText}}</view>
|
||||||
|
</view>
|
||||||
|
<!-- 手机验证弹窗 -->
|
||||||
|
<view class="my-confirm-bg" a:if="{{openPhoneTips}}"></view>
|
||||||
|
<view class="my-confirm" a:if="{{openPhoneTips}}">
|
||||||
|
<text>{{tipsMsg}}</text>
|
||||||
|
<view class="confirm-btns">
|
||||||
|
<view onTap="modePhone">手机登录</view>
|
||||||
|
<view onTap="clearPhone">更换号码</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,88 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
isToast: false,
|
||||||
|
openPhoneTips: false, //验证手机号弹出框
|
||||||
|
tipsMsg: '',
|
||||||
|
toastText: '',
|
||||||
|
phoneNumber: ''
|
||||||
|
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
dd.setNavigationBar({
|
||||||
|
title: '绑定手机号',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取电话号码
|
||||||
|
bindKeyInput(e) {
|
||||||
|
this.setData({
|
||||||
|
phoneNumber: e.detail.value,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// 手机号登录
|
||||||
|
// 验证手机号是否存在
|
||||||
|
checkPhone(){
|
||||||
|
console.log(this.data.phoneNumber,123)
|
||||||
|
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||||
|
if (this.data.phoneNumber == "") {
|
||||||
|
this.setData({
|
||||||
|
toastText: '请填写您的手机号！',
|
||||||
|
isToast: true
|
||||||
|
})
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
return false;
|
||||||
|
} else if (!reg_tel.test(this.data.phoneNumber)) {
|
||||||
|
this.setData({
|
||||||
|
toastText: '请正确填写您的手机号！',
|
||||||
|
isToast: true
|
||||||
|
})
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneNumber
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/user/has-phone-user',params).then(res=>{
|
||||||
|
console.log(res,'登录认证数据')
|
||||||
|
if(res.data.registered == 0){
|
||||||
|
this.bindPhone();
|
||||||
|
}else if(res.data.registered == 1){
|
||||||
|
this.setData({
|
||||||
|
openPhoneTips: true,
|
||||||
|
tipsMsg: '该手机号已注册，请使用手机号登录或换绑其他手机号录'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 手机号绑定
|
||||||
|
bindPhone() {
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneNumber,
|
||||||
|
type: "bind",
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/common/send-sms-captcha',params).then(res=>{
|
||||||
|
console.log(res,'验证码数据')
|
||||||
|
// 跳转页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/logins/code/code?phone='+this.data.phoneNumber+'&code='+res.data.code
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 关闭弹窗
|
||||||
|
clearPhone(){
|
||||||
|
this.setData({
|
||||||
|
openPhoneTips: false,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,97 @@
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder{
|
||||||
|
color: #dedede;
|
||||||
|
}
|
||||||
|
/* 手机验证码 */
|
||||||
|
.verification-txt{
|
||||||
|
padding: 1.2rem .4rem 0;
|
||||||
|
border-top: .02rem solid #FAFAFA;
|
||||||
|
}
|
||||||
|
.verification-txt>.p{
|
||||||
|
font-size: .4rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.verification-txt>.span{
|
||||||
|
display: block;
|
||||||
|
font-size: .26rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: .2rem;
|
||||||
|
}
|
||||||
|
/* 输入验证码 */
|
||||||
|
.security-code-wrap {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: .2rem 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.security-code-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 5.32rem;
|
||||||
|
}
|
||||||
|
.field-wrap {
|
||||||
|
list-style: none;
|
||||||
|
display: block;
|
||||||
|
width: .72rem;
|
||||||
|
height: 1rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
font-size: .64rem;
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: .02rem solid #e0e2e4;
|
||||||
|
}
|
||||||
|
.char-field {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.input-code {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 5.32rem;
|
||||||
|
height: 1rem;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 重获验证码 */
|
||||||
|
.getCode{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: .8rem;
|
||||||
|
margin-top: .4rem;
|
||||||
|
background-color: #348bff;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 提示框 */
|
||||||
|
.toast{
|
||||||
|
width: 3rem;
|
||||||
|
padding: .2rem .25rem;
|
||||||
|
background-color: rgba(255,255,255,.8);
|
||||||
|
color: #333333;
|
||||||
|
border-radius: .1rem;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.addr-select-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<view>
|
||||||
|
<view class="verification pull-content list-section">
|
||||||
|
<view class="verification-txt">
|
||||||
|
<view class="p">输入验证码</view>
|
||||||
|
<view class="span">验证码已发送至 +86 {{ phoneData }}</view>
|
||||||
|
<view class="result">
|
||||||
|
<view class="security-code-wrap">
|
||||||
|
<view class="code" for="code">
|
||||||
|
<view class="security-code-container">
|
||||||
|
<view class="field-wrap" a:for="{{number}}" a:for-index="index">
|
||||||
|
<text class="char-field">{{ value[index] || placeholder }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<input class="input-code" onBlur="handleInput" onInput="bindValueInput" id="code" type="text" maxlength="6"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="span" a:if="{{show}}">{{count}}秒后可重新获取验证码</view>
|
||||||
|
<view a:else @click="getCode()" class="getCode">获取验证码</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 提示框 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{isToast}}"></view>
|
||||||
|
<view class="toast" a:if="{{isToast}}">
|
||||||
|
<view>{{toastText}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,94 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
phoneData: "", //手机号
|
||||||
|
verification: "", //验证码
|
||||||
|
value: "",
|
||||||
|
show: false, //显示获取验证码
|
||||||
|
count: "", //剩余时间
|
||||||
|
timer: null,
|
||||||
|
userType: 0,
|
||||||
|
placeholder:'-',
|
||||||
|
number:6,
|
||||||
|
code:'',
|
||||||
|
isToast: false,
|
||||||
|
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
this.setData({
|
||||||
|
phoneData: options.phone,
|
||||||
|
code: options.code,
|
||||||
|
})
|
||||||
|
|
||||||
|
dd.setNavigationBar({
|
||||||
|
title: '手机验证码',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!this.data.timer) {
|
||||||
|
this.setData({
|
||||||
|
count: 60,
|
||||||
|
show: true
|
||||||
|
})
|
||||||
|
let that = this;
|
||||||
|
const countDown = setInterval(() => {
|
||||||
|
if(that.data.count <= 1){
|
||||||
|
that.setData({
|
||||||
|
count:60,
|
||||||
|
show: false
|
||||||
|
})
|
||||||
|
clearInterval(countDown)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
that.data.count --
|
||||||
|
that.setData({
|
||||||
|
count: that.data.count,
|
||||||
|
show: true
|
||||||
|
})
|
||||||
|
},1000);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取验证码
|
||||||
|
bindValueInput(e){
|
||||||
|
this.setData({
|
||||||
|
value: e.detail.value,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// 输入完成获取数据
|
||||||
|
handleInput() {
|
||||||
|
console.log(this.data.code,this.data.value,25252525)
|
||||||
|
|
||||||
|
if(this.data.code == this.data.value){
|
||||||
|
this.hideKeyboard();
|
||||||
|
}else{
|
||||||
|
this.setData({
|
||||||
|
value: '',
|
||||||
|
toastText: '验证码错误',
|
||||||
|
isToast: true
|
||||||
|
});
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
hideKeyboard() {
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneData,
|
||||||
|
sms_code: this.data.value,
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/user/bind-phone',params).then(res=>{
|
||||||
|
console.log(res,'绑定数据')
|
||||||
|
if (res.code == 0) {
|
||||||
|
// 跳转页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/home/home'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,361 @@
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder{
|
||||||
|
color: #dedede;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
border-top: .02rem solid #FAFAFA;
|
||||||
|
}
|
||||||
|
.addr-select-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
.login-txt{
|
||||||
|
padding: 0.4rem;
|
||||||
|
min-height: 6.6rem;
|
||||||
|
}
|
||||||
|
.login-txt .logo{
|
||||||
|
width: 1.4rem;
|
||||||
|
height: 1.4rem;
|
||||||
|
background-color: #e70012;
|
||||||
|
border-radius: .1rem;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: .5rem auto .1rem;
|
||||||
|
}
|
||||||
|
.login-txt .logo>view{
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
margin: .1rem auto;
|
||||||
|
}
|
||||||
|
.login-txt .logo>view image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.login-txt .company{
|
||||||
|
font-size: .48rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: .7rem;
|
||||||
|
}
|
||||||
|
.login-txt .phone-number{
|
||||||
|
padding-top: .2rem;
|
||||||
|
}
|
||||||
|
.login-txt .phone-number>view{
|
||||||
|
display: block;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.login-txt .phone-number>input{
|
||||||
|
width: 100%;
|
||||||
|
height: .9rem;
|
||||||
|
line-height: .9rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
border-bottom: .02rem solid #e2e4e6;
|
||||||
|
}
|
||||||
|
.login-txt .agreement{
|
||||||
|
padding-top: .2rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.img{
|
||||||
|
display: block;
|
||||||
|
width: .26rem;
|
||||||
|
height: .26rem;
|
||||||
|
border-radius: .04rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: .02rem solid #999999;
|
||||||
|
margin: .07rem .08rem 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.img>image{
|
||||||
|
display: none;
|
||||||
|
width: .18rem;
|
||||||
|
height: .13rem;
|
||||||
|
margin: .045rem auto 0;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.img.checked{
|
||||||
|
border: .02rem solid #3440c9;
|
||||||
|
background-color: #3440c9;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.img.checked>image{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.txt{
|
||||||
|
width: calc(100% - .34rem);
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.login-txt .agreement>.txt text{
|
||||||
|
word-break: break-all;
|
||||||
|
color: #3440c9;
|
||||||
|
}
|
||||||
|
.login-btns{
|
||||||
|
margin-top: .3rem;
|
||||||
|
}
|
||||||
|
.login-btns>view{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: .8rem;
|
||||||
|
background-color: #3440c9;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.login-btns>view.nail-btn{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #348bff;
|
||||||
|
}
|
||||||
|
.login-btns>view.nail-btn>.img{
|
||||||
|
width: .4rem;
|
||||||
|
height: .52rem;
|
||||||
|
margin-right: .08rem;
|
||||||
|
}
|
||||||
|
.login-btns>view.nail-btn>.img image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 登录方式 */
|
||||||
|
.login-mode{
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 2rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: fixed;
|
||||||
|
bottom: .4rem;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.login-mode.noPositin{
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
.mode-title{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: .32rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.mode-title>view{
|
||||||
|
width: .9rem;
|
||||||
|
height: .02rem;
|
||||||
|
background-color: #d3d3d3;
|
||||||
|
margin: 0 .1rem;
|
||||||
|
}
|
||||||
|
.mode-item{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: .3rem;
|
||||||
|
}
|
||||||
|
.mode-item>view{
|
||||||
|
width: 1.8rem;
|
||||||
|
}
|
||||||
|
.mode-item>view>.img{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #348bff;
|
||||||
|
}
|
||||||
|
.mode-item>view>.img view{
|
||||||
|
width: .58rem;
|
||||||
|
height: .76rem;
|
||||||
|
}
|
||||||
|
.mode-item>view>.img view image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.mode-item>view:last-child>view{
|
||||||
|
background-color: #ff9834;
|
||||||
|
}
|
||||||
|
.mode-item>view:last-child>.img view{
|
||||||
|
width: .51rem;
|
||||||
|
height: .72rem;
|
||||||
|
}
|
||||||
|
.mode-item>view>text{
|
||||||
|
display: block;
|
||||||
|
width: 1.8rem;
|
||||||
|
height: .44rem;
|
||||||
|
line-height: .44rem;
|
||||||
|
background-color: #dbeaff;
|
||||||
|
border-radius: .1rem;
|
||||||
|
border: .02rem solid #3440c9;
|
||||||
|
font-size: .24rem;
|
||||||
|
margin-top: .12rem;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.mode-item>view>text.active{
|
||||||
|
opacity: 1;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 弹窗 */
|
||||||
|
.my-confirm-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 阅读授权弹窗 */
|
||||||
|
.my-confirm2>p{
|
||||||
|
text-align: center !important;
|
||||||
|
font-size: .32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-confirm-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
.my-confirm{
|
||||||
|
width: 4rem;
|
||||||
|
padding: .4rem .3rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-radius: .3rem;
|
||||||
|
box-shadow: 0 0 .13rem rgba(29,47,67,.1);
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.my-confirm>text{
|
||||||
|
display: block;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.confirm-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin-top: .4rem;
|
||||||
|
}
|
||||||
|
.confirm-btns>view{
|
||||||
|
width: 1.6rem;
|
||||||
|
line-height: .5rem;
|
||||||
|
border-radius: .25rem;
|
||||||
|
border: .02rem solid #333fc9;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
font-size: .26rem;
|
||||||
|
color: #333fc9;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.confirm-btns>view:first-child{
|
||||||
|
background-color: #333fc9;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 钉钉授权登录弹窗 */
|
||||||
|
.nail-popup{
|
||||||
|
width: 100%;
|
||||||
|
padding: .65rem;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.nail-popup-title{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: .64rem;
|
||||||
|
}
|
||||||
|
.nail-popup-title>.img{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: .64rem;
|
||||||
|
height: .64rem;
|
||||||
|
border-radius: .12rem;
|
||||||
|
background-color: #e70012;
|
||||||
|
}
|
||||||
|
.nail-popup-title>.img view{
|
||||||
|
width: .55rem;
|
||||||
|
height: .55rem;
|
||||||
|
}
|
||||||
|
.nail-popup-title>.img view image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nail-popup-title>.txt{
|
||||||
|
font-size: .48rem;
|
||||||
|
line-height: .64rem;
|
||||||
|
margin: 0 .08rem;
|
||||||
|
}
|
||||||
|
.nail-popup-title>text{
|
||||||
|
font-size: .32rem;
|
||||||
|
}
|
||||||
|
.nail-popup>text{
|
||||||
|
display: block;
|
||||||
|
font-size: .42rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin: .2rem 0;
|
||||||
|
}
|
||||||
|
.nick-name>view{
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.nick-name>view{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
font-size: .32rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
padding: .15rem 0;
|
||||||
|
border-bottom: .02rem solid #e1e3e5;
|
||||||
|
}
|
||||||
|
.nick-name>view>view{
|
||||||
|
width: .35rem;
|
||||||
|
height: .24rem;
|
||||||
|
}
|
||||||
|
.nick-name>view>view image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
/* 授权按钮 */
|
||||||
|
.nail-popup-btns view{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: .8rem;
|
||||||
|
margin-top: .4rem;
|
||||||
|
background-color: #348bff;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.nail-popup-btns view:last-child{
|
||||||
|
margin-top: .15rem;
|
||||||
|
background-color: rgba(0,0,0,0);
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
/* 提示框 */
|
||||||
|
.toast{
|
||||||
|
width: 3rem;
|
||||||
|
padding: .2rem .25rem;
|
||||||
|
background-color: rgba(255,255,255,.8);
|
||||||
|
color: #333333;
|
||||||
|
border-radius: .1rem;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,104 @@
|
||||||
|
<view>
|
||||||
|
<view class="content">
|
||||||
|
<view class="login pull-content list-section">
|
||||||
|
<view class="login-txt">
|
||||||
|
<view class="logo">
|
||||||
|
<view>
|
||||||
|
<image mode="widthFix" src="/static/login/logo.png" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="company">有谱志愿</view>
|
||||||
|
<view class="phone-number" a:if="{{!isMode}}">
|
||||||
|
<view>手机号</view>
|
||||||
|
<input type="input" onInput="bindKeyInput" onBlur="myBlur" onFocus="myFocus" placeholder="请输入手机号"/>
|
||||||
|
</view>
|
||||||
|
<view class="agreement">
|
||||||
|
<view class="{{isChecked?'img checked':'img'}}" onTap="changeChecked">
|
||||||
|
<image mode="widthFix" src="/static/login/yes.png" />
|
||||||
|
</view>
|
||||||
|
<view class="txt">
|
||||||
|
我已阅读并同意<text>《有谱志愿用户协议》</text>、<text>《隐私政策》</text>，未注册将引导完成账号注册
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="login-btns">
|
||||||
|
<view onTap="nailLogin" class="nail-btn" a:if="{{isMode}}">
|
||||||
|
<view class="img">
|
||||||
|
<image mode="widthFix" src="/static/login/nail.png" />
|
||||||
|
</view>
|
||||||
|
<view>钉钉授权登录</view>
|
||||||
|
</view>
|
||||||
|
<view onTap="checkPhone" a:if="{{!isMode}}">获取验证码</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="{{noPositin ?'login-mode noPositin':'login-mode'}}">
|
||||||
|
<view class="mode-title"><view></view>其他登录方式<view></view></view>
|
||||||
|
<view class="mode-item">
|
||||||
|
<view onTap="changeMode">
|
||||||
|
<view class="img">
|
||||||
|
<view>
|
||||||
|
<image mode="widthFix" src="/static/login/nail.png" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<text class="{{isMode?'active':''}}">当前登录方式</text>
|
||||||
|
</view>
|
||||||
|
<view onTap="changeMode">
|
||||||
|
<view class="img">
|
||||||
|
<view>
|
||||||
|
<image mode="widthFix" src="/static/login/phone.png" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<text class="{{isMode?'':'active'}}">当前登录方式</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 提示框 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{openAgreement}}"></view>
|
||||||
|
<view class="toast" a:if="{{openAgreement}}">
|
||||||
|
<text>您还未阅读并同意授权！</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 钉钉授权登录弹窗 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{openEmpower}}"></view>
|
||||||
|
<view class="nail-popup" a:if="{{openEmpower}}">
|
||||||
|
<view class="nail-popup-title">
|
||||||
|
<view class="img">
|
||||||
|
<view>
|
||||||
|
<image mode="widthFix" src="/static/login/logo.png" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="txt">有谱志愿</view>
|
||||||
|
<text>申请</text>
|
||||||
|
</view>
|
||||||
|
<text>获取您的钉钉昵称</text>
|
||||||
|
<view class="nick-name">
|
||||||
|
<text>钉钉昵称</text>
|
||||||
|
<view>
|
||||||
|
{{nickName}}
|
||||||
|
<view>
|
||||||
|
<image a:if="{{nickName}}" mode="widthFix" src="/static/login/green-yes.png" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="nail-popup-btns">
|
||||||
|
<view onTap="isEmpower">同意</view>
|
||||||
|
<view onTap="noEmpower">拒绝</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 提示框 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{isToast}}"></view>
|
||||||
|
<view class="toast" a:if="{{isToast}}">
|
||||||
|
<view>{{toastText}}</view>
|
||||||
|
</view>
|
||||||
|
<!-- 手机验证弹窗 -->
|
||||||
|
<view class="my-confirm-bg" a:if="{{openPhoneTips}}"></view>
|
||||||
|
<view class="my-confirm my-confirm2" a:if="{{openPhoneTips}}">
|
||||||
|
<text>{{tipsMsg}}</text>
|
||||||
|
<view class="confirm-btns">
|
||||||
|
<view onTap="phoneLogin">是</view>
|
||||||
|
<view onTap="closePhone">否</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,201 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
tipsMsg: '',
|
||||||
|
toastText: '',
|
||||||
|
isChecked: true,
|
||||||
|
isToast: false,
|
||||||
|
isMode: true, //登录方式
|
||||||
|
openAgreement: false, //阅读协议弹窗
|
||||||
|
isAgreement: true, //阅读协议状态
|
||||||
|
openEmpower: false, //钉钉授权状态
|
||||||
|
openPhoneTips: false, //验证手机号弹出框
|
||||||
|
phoneNumber: "",
|
||||||
|
phone: "",
|
||||||
|
noPositin: false,
|
||||||
|
|
||||||
|
defaultPhoneHeight : '0', //默认屏幕高度
|
||||||
|
nowPhoneHeight : '0', //实时屏幕高度
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
dd.setNavigationBar({
|
||||||
|
title: '登录',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeChecked(){
|
||||||
|
if(this.data.isChecked == false){
|
||||||
|
this.setData({
|
||||||
|
isChecked: true
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.setData({
|
||||||
|
isChecked: false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeMode(){
|
||||||
|
if(this.data.isMode == false){
|
||||||
|
this.setData({
|
||||||
|
isMode: true
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.setData({
|
||||||
|
isMode: false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
nailLogin(){
|
||||||
|
if(this.data.isChecked){
|
||||||
|
this.setData({
|
||||||
|
openEmpower: true
|
||||||
|
})
|
||||||
|
// 获取免登码
|
||||||
|
dd.getAuthCode({
|
||||||
|
success:(res)=>{
|
||||||
|
// 登录
|
||||||
|
let params = {
|
||||||
|
code: res.authCode,
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/user/login',params).then(res=>{
|
||||||
|
console.log(res,'登录认证数据')
|
||||||
|
this.setData({
|
||||||
|
nickName: res.data.nickName,
|
||||||
|
phoneNumber: res.data.mobile
|
||||||
|
})
|
||||||
|
|
||||||
|
// 缓存token
|
||||||
|
dd.$toolAll.setCache('token',res.data.token);
|
||||||
|
// 缓存用户信息
|
||||||
|
dd.$toolAll.setCache('userinfo',res.data);
|
||||||
|
dd.$toolAll.setCache('centerUserData',res.data);
|
||||||
|
dd.$toolAll.setCache('userData',res.data);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: (err)=>{
|
||||||
|
dd.alert({
|
||||||
|
content: JSON.stringify(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.setData({
|
||||||
|
openAgreement: true
|
||||||
|
})
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
openAgreement: false
|
||||||
|
})
|
||||||
|
}, 1500)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
isEmpower(){
|
||||||
|
this.setData({
|
||||||
|
openEmpower: false
|
||||||
|
})
|
||||||
|
if(dd.$toolAll.getCache('userinfo').mobile !== ''){
|
||||||
|
// 跳转页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/home/home'
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
// 跳转到绑定手机号页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/login/bind/bind'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
noEmpower(){
|
||||||
|
//删除缓存
|
||||||
|
dd.$toolAll.removeCache('token');
|
||||||
|
dd.$toolAll.removeCache('userinfo');
|
||||||
|
dd.$toolAll.removeCache('centerUserData');
|
||||||
|
dd.$toolAll.removeCache('userData');
|
||||||
|
this.setData({
|
||||||
|
openEmpower: false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
closePhone(){
|
||||||
|
this.setData({
|
||||||
|
phoneNumber: '',
|
||||||
|
openPhoneTips: false,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
bindKeyInput(e) {
|
||||||
|
this.setData({
|
||||||
|
phoneNumber: e.detail.value,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
myFocus(){
|
||||||
|
this.setData({
|
||||||
|
noPositin: true,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
myBlur(){
|
||||||
|
this.setData({
|
||||||
|
noPositin: false,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// 手机号登录
|
||||||
|
// 验证手机号是否存在
|
||||||
|
checkPhone(){
|
||||||
|
console.log(this.data.phoneNumber,123)
|
||||||
|
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||||
|
if (this.data.phoneNumber == "") {
|
||||||
|
this.setData({
|
||||||
|
toastText: '请填写您的手机号！',
|
||||||
|
isToast: true
|
||||||
|
})
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
return false;
|
||||||
|
} else if (!reg_tel.test(this.data.phoneNumber)) {
|
||||||
|
this.setData({
|
||||||
|
toastText: '请正确填写您的手机号！',
|
||||||
|
isToast: true
|
||||||
|
})
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneNumber
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/user/has-phone-user',params).then(res=>{
|
||||||
|
console.log(res,'登录认证数据')
|
||||||
|
if(res.data.registered == 0){
|
||||||
|
this.phoneLogin();
|
||||||
|
}else if(res.data.registered == 1){
|
||||||
|
this.setData({
|
||||||
|
openPhoneTips: true,
|
||||||
|
tipsMsg: '账号已存在，是否继续登录'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 手机号登录
|
||||||
|
phoneLogin() {
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneNumber,
|
||||||
|
type: "login",
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/common/send-sms-captcha',params).then(res=>{
|
||||||
|
console.log(res,'验证码数据')
|
||||||
|
// 跳转页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/login/verification/verification?phone='+this.data.phoneNumber+'&code='+res.data.code
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,97 @@
|
||||||
|
input::-webkit-input-placeholder,
|
||||||
|
textarea::-webkit-input-placeholder{
|
||||||
|
color: #dedede;
|
||||||
|
}
|
||||||
|
/* 手机验证码 */
|
||||||
|
.verification-txt{
|
||||||
|
padding: 1.2rem .4rem 0;
|
||||||
|
border-top: .02rem solid #FAFAFA;
|
||||||
|
}
|
||||||
|
.verification-txt>.p{
|
||||||
|
font-size: .4rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.verification-txt>.span{
|
||||||
|
display: block;
|
||||||
|
font-size: .26rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: .2rem;
|
||||||
|
}
|
||||||
|
/* 输入验证码 */
|
||||||
|
.security-code-wrap {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: .2rem 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.security-code-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 5.32rem;
|
||||||
|
}
|
||||||
|
.field-wrap {
|
||||||
|
list-style: none;
|
||||||
|
display: block;
|
||||||
|
width: .72rem;
|
||||||
|
height: 1rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
font-size: .64rem;
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: .02rem solid #e0e2e4;
|
||||||
|
}
|
||||||
|
.char-field {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.input-code {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 5.32rem;
|
||||||
|
height: 1rem;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 重获验证码 */
|
||||||
|
.getCode{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: .8rem;
|
||||||
|
margin-top: .4rem;
|
||||||
|
background-color: #348bff;
|
||||||
|
border-radius: .16rem;
|
||||||
|
font-size: .32rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 提示框 */
|
||||||
|
.toast{
|
||||||
|
width: 3rem;
|
||||||
|
padding: .2rem .25rem;
|
||||||
|
background-color: rgba(255,255,255,.8);
|
||||||
|
color: #333333;
|
||||||
|
border-radius: .1rem;
|
||||||
|
font-size: .28rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.addr-select-bg{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 998;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<view>
|
||||||
|
<view class="verification pull-content list-section">
|
||||||
|
<view class="verification-txt">
|
||||||
|
<view class="p">输入验证码</view>
|
||||||
|
<view class="span">验证码已发送至 +86 {{ phoneData }}</view>
|
||||||
|
<view class="result">
|
||||||
|
<view class="security-code-wrap">
|
||||||
|
<view class="code" for="code">
|
||||||
|
<view class="security-code-container">
|
||||||
|
<view class="field-wrap" a:for="{{number}}" a:for-index="index">
|
||||||
|
<text class="char-field">{{ value[index] || placeholder }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<input class="input-code" onBlur="handleInput" onInput="bindValueInput" id="code" type="text" maxlength="6"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="span" a:if="{{show}}">{{count}}秒后可重新获取验证码</view>
|
||||||
|
<view a:else @click="getCode()" class="getCode">获取验证码</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 提示框 -->
|
||||||
|
<view class="addr-select-bg" a:if="{{isToast}}"></view>
|
||||||
|
<view class="toast" a:if="{{isToast}}">
|
||||||
|
<view>{{toastText}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,99 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
phoneData: "", //手机号
|
||||||
|
verification: "", //验证码
|
||||||
|
value: "",
|
||||||
|
show: false, //显示获取验证码
|
||||||
|
count: "", //剩余时间
|
||||||
|
timer: null,
|
||||||
|
userType: 0,
|
||||||
|
placeholder:'-',
|
||||||
|
number:6,
|
||||||
|
code:'',
|
||||||
|
isToast: false,
|
||||||
|
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
this.setData({
|
||||||
|
phoneData: options.phone,
|
||||||
|
code: options.code,
|
||||||
|
})
|
||||||
|
|
||||||
|
dd.setNavigationBar({
|
||||||
|
title: '手机验证码',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!this.data.timer) {
|
||||||
|
this.setData({
|
||||||
|
count: 60,
|
||||||
|
show: true
|
||||||
|
})
|
||||||
|
let that = this;
|
||||||
|
const countDown = setInterval(() => {
|
||||||
|
if(that.data.count <= 1){
|
||||||
|
that.setData({
|
||||||
|
count:60,
|
||||||
|
show: false
|
||||||
|
})
|
||||||
|
clearInterval(countDown)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
that.data.count --
|
||||||
|
that.setData({
|
||||||
|
count: that.data.count,
|
||||||
|
show: true
|
||||||
|
})
|
||||||
|
},1000);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取验证码
|
||||||
|
bindValueInput(e){
|
||||||
|
this.setData({
|
||||||
|
value: e.detail.value,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// 输入完成获取数据
|
||||||
|
handleInput() {
|
||||||
|
if(this.data.code == this.data.value){
|
||||||
|
this.hideKeyboard();
|
||||||
|
}else{
|
||||||
|
this.setData({
|
||||||
|
value: '',
|
||||||
|
toastText: '验证码错误',
|
||||||
|
isToast: true
|
||||||
|
});
|
||||||
|
setTimeout(()=> {
|
||||||
|
this.setData({
|
||||||
|
isToast: false
|
||||||
|
})
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
hideKeyboard() {
|
||||||
|
let params = {
|
||||||
|
phone: this.data.phoneData,
|
||||||
|
sms_code: this.data.value,
|
||||||
|
}
|
||||||
|
dd.$http.post('/api/user/login-by-Phone',params).then(res=>{
|
||||||
|
console.log(res,'登录认证数据')
|
||||||
|
|
||||||
|
if (res.code == 0) {
|
||||||
|
// 缓存token
|
||||||
|
dd.$toolAll.setCache('token',res.data.token);
|
||||||
|
// 缓存用户信息
|
||||||
|
dd.$toolAll.setCache('userinfo',res.data);
|
||||||
|
dd.$toolAll.setCache('centerUserData',res.data);
|
||||||
|
dd.$toolAll.setCache('userData',res.data);
|
||||||
|
// 跳转页面
|
||||||
|
dd.navigateTo ({
|
||||||
|
url: '/pages/home/home'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<view>
|
||||||
|
New Page
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
Page({
|
||||||
|
data: {},
|
||||||
|
onLoad() {},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<view>
|
||||||
|
New Page
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
Page({
|
||||||
|
data: {},
|
||||||
|
onLoad() {},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
.start {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.start>image {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.start>text {
|
||||||
|
display: block;
|
||||||
|
width: 1rem;
|
||||||
|
line-height: .54rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: .28rem;
|
||||||
|
border-radius: .27rem;
|
||||||
|
background-color: #3f5ee0;
|
||||||
|
position: fixed;
|
||||||
|
left: .24rem;
|
||||||
|
top: 1.14rem;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<view>
|
||||||
|
<view class="start">
|
||||||
|
<image mode="widthFix" src="/static/start.jpg" />
|
||||||
|
<text>{{timeNumber}} 秒</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
timeNumber: 3
|
||||||
|
},
|
||||||
|
onShow(){
|
||||||
|
setTimeout(() => {
|
||||||
|
this.setData({
|
||||||
|
timeNumber:2
|
||||||
|
})
|
||||||
|
}, 1000);
|
||||||
|
setTimeout(() => {
|
||||||
|
this.setData({
|
||||||
|
timeNumber:1
|
||||||
|
})
|
||||||
|
}, 2000);
|
||||||
|
setTimeout(() => {
|
||||||
|
// 前往登录页
|
||||||
|
dd.redirectTo({url:'/pages/login/login'});
|
||||||
|
}, 3000);
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 456 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,106 @@
|
||||||
|
import config from '/config/config'
|
||||||
|
const request = (method, url, options) => {
|
||||||
|
let methods = '';
|
||||||
|
let headers = {};
|
||||||
|
// console.log(dd.$toolAll.getCache('token'),'token数据');
|
||||||
|
switch (method) {
|
||||||
|
case 'get':
|
||||||
|
methods = 'GET'
|
||||||
|
headers = {
|
||||||
|
'Content-Type': 'application/json; charset=UTF-8',
|
||||||
|
'Authorization': 'Bearer '+ dd.$toolAll.getCache('token') || ''
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'post':
|
||||||
|
methods = 'POST'
|
||||||
|
headers = {
|
||||||
|
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
|
||||||
|
'Authorization': 'Bearer '+ dd.$toolAll.getCache('token') || ''
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'postForm':
|
||||||
|
methods = 'POST'
|
||||||
|
headers = {
|
||||||
|
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
|
||||||
|
'Authorization': 'Bearer '+ dd.$toolAll.getCache('token') || ''
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
dd.httpRequest({
|
||||||
|
url: config.BASE_URL+url,
|
||||||
|
method: methods,
|
||||||
|
data: options,
|
||||||
|
headers:headers,
|
||||||
|
success: (res) => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
// 返回成功结果
|
||||||
|
resolve(res.data);
|
||||||
|
} else {
|
||||||
|
// 结果失败返回
|
||||||
|
reject(res);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
// 接口调取失败返回
|
||||||
|
reject(err);
|
||||||
|
},
|
||||||
|
complete: rest => {
|
||||||
|
// 不管成功与否都要返回
|
||||||
|
resolve(rest);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 上传文件 封装请求
|
||||||
|
const uploadFile = (url, options) => {
|
||||||
|
console.log(options)
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
dd.uploadFile({
|
||||||
|
url: config.BASE_URL+url,
|
||||||
|
filePath: options.image,
|
||||||
|
name: 'image',
|
||||||
|
fileType:'image',
|
||||||
|
formData: options,
|
||||||
|
header: {
|
||||||
|
'Content-Type': 'multipart/form-data;charset=UTF-8',
|
||||||
|
'Authorization': 'Bearer '+ dd.$toolAll.getCache('token') || ''
|
||||||
|
},
|
||||||
|
success: res => {
|
||||||
|
if (res.statusCode == 200) {
|
||||||
|
let temp = JSON.parse(res.data)
|
||||||
|
if (temp.code == 0) {
|
||||||
|
resolve(temp)
|
||||||
|
} else {
|
||||||
|
reject(temp)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
reject(res)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail(e) {
|
||||||
|
|
||||||
|
},
|
||||||
|
complete: () => {
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
get: (url, options) => {
|
||||||
|
return request('get', url, options)
|
||||||
|
},
|
||||||
|
// JOSN格式
|
||||||
|
post: (url, options) => {
|
||||||
|
return request('post', url, options)
|
||||||
|
},
|
||||||
|
// form-data格式
|
||||||
|
postForm: (url, options) => {
|
||||||
|
return request('postForm', url, options)
|
||||||
|
},
|
||||||
|
// 上传
|
||||||
|
upload: (url, options) => {
|
||||||
|
return uploadFile(url, options)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
const toolAll = {
|
||||||
|
// 设置缓存
|
||||||
|
setCache(key,value){
|
||||||
|
dd.setStorageSync({
|
||||||
|
key: key,
|
||||||
|
data: value,
|
||||||
|
success: (res)=> {}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 执行获取缓存
|
||||||
|
getCache(key){
|
||||||
|
return dd.getStorageSync({key}).data;
|
||||||
|
},
|
||||||
|
//执行删除缓存
|
||||||
|
removeCache(key){
|
||||||
|
return dd.removeStorage({key}).data;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 手机号验证
|
||||||
|
isPhone(phone){
|
||||||
|
// 手机号正则表达式
|
||||||
|
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||||
|
if(!reg_tel.test(phone)){
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
}
|
||||||
|
export default toolAll;
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
import config from '/config/config'
|
||||||
|
export default {
|
||||||
|
$http(url, method, data,token) {
|
||||||
|
return new Promise(function(resolve, reject) {
|
||||||
|
dd.httpRequest({
|
||||||
|
url: config.BASE_URL+url,
|
||||||
|
method: method,
|
||||||
|
data: data,
|
||||||
|
headers:{
|
||||||
|
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
|
||||||
|
'Authorization': 'Bearer '+token || ''
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
resolve(res);
|
||||||
|
} else {
|
||||||
|
reject(res);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
reject();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue