Skip to content

E
eduline
Commit 566847a0 by 陈超
Options

T

parent a5884f0c
Showing with 177 additions and 118 deletions
addons/theme/stv1/_static_w3g/css/common.css
...@@ -129,6 +129,11 @@ div::-webkit-scrollbar { ...@@ -129,6 +129,11 @@ div::-webkit-scrollbar {
font-weight: 600; font-weight: 600;
} }
.text_26_600 {
font-size: 1.625rem;
font-weight: 600;
}
.divider { .divider {
height: 0.0625rem; height: 0.0625rem;
background: #E6E6E6; background: #E6E6E6;
...@@ -461,3 +466,15 @@ div::-webkit-scrollbar { ...@@ -461,3 +466,15 @@ div::-webkit-scrollbar {
.center_bottom_cell_text { .center_bottom_cell_text {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
/* 登录 */
.login_title {
margin-top: 0.625rem;
margin-left: 2.1875rem;
margin-bottom: 1.5625rem;
}
.login_input_frame {
}
\ No newline at end of file
apps/basic/Tpl/default/Passport/login_w3g.html
<include file="__THEME__/_header_w3g" /> <include file="__THEME__/_header_w3g" />
<!--container--> <!--container-->
<!-- <div class="loginbox"> <!-- <div class="loginbox">
<a class="icon-colse" href="/"></a> <a class="icon-colse" href="/"></a>
<if condition="$site.logo_head_h5 neq ''"><img src="{$site.logo_head_h5}" class="login-logo"> <if condition="$site.logo_head_h5 neq ''"><img src="{$site.logo_head_h5}" class="login-logo">
<else /><img src="{$site.logo_head_w3g|default=$site['logo_head']}" class="login-logo"></if> <else /><img src="{$site.logo_head_w3g|default=$site['logo_head']}" class="login-logo"></if>
...@@ -45,25 +45,23 @@ ...@@ -45,25 +45,23 @@
<a class="fr" href="{:U('home/Repwd/index')}">忘记密码</a> <a class="fr" href="{:U('home/Repwd/index')}">忘记密码</a>
</div> --> </div> -->
<div id="app"> <div id="app">
<div class="layout_v" style="margin-top: 0.625rem;">
<van-field v-model="phone" label="手机号" type="number" placeholder="请输入手机号"></van-field> <div class="layout_v">
<van-field v-model="code" label="验证码" type="digit" maxlength="6" placeholder="请输入验证码">
<template #button> <span class="text_26_600 color_333333 login_title">账号登录</span>
<div @click="onSendCode" class="layout_center" :class="valid ? 'button_green' : 'button_disable'">
<span class="self_center">{{codeText}}</span> <div class="login_input_frame">
</div> <van-field value="请输入手机号" readonly />
</template> <van-field value="请输入8～16位密码" readonly />
</van-field>
<van-field v-model="password" label="密码" type="password" maxlength="16" placeholder="请输入8～16位密码"></van-field>
<div :class="isOk ? 'confirm_button' : 'confirm_button_disable'" style="margin-top: 6.625rem;">
<span>注册并登录</span>
</div>
</div> </div>
</div> </div>
</div>
<script> <script>
$(function(){ $(function() {
// $('.loginbox').height($('.loginbox')[0].clientHeight); // $('.loginbox').height($('.loginbox')[0].clientHeight);
// $('.login_btn').click(function(){ // $('.login_btn').click(function(){
// if($('#account_input').val() == ''){ // if($('#account_input').val() == ''){
...@@ -92,122 +90,30 @@ ...@@ -92,122 +90,30 @@
$("#preloader").hide(); $("#preloader").hide();
}); });
let CLICK_PHONE="{:U('basic/Passport/clickPhone')}";
let GET_PHONEVERIFY="{:U('basic/Passport/getVerify')}";
String.prototype.isMobile = function() { String.prototype.isMobile = function() {
return (/^1[3|4|5|6|7|8|9]\d{9}$/.test(this)); return (/^1[3|4|5|6|7|8|9]\d{9}$/.test(this));
} }
String.prototype.isCode = function() {
return this.length == 4 || this.length == 6
}
String.prototype.isPwd = function() { String.prototype.isPwd = function() {
return this.length >= 6 && this.length <= 16 return this.length >= 8 && this.length <= 16
} }
new Vue({ new Vue({
el: '#app', el: '#app',
data: function() { data: function() {
return { return {
counting: false, phone: '',
count: 60, password: ''
phone: "",
code: "",
password: ""
} }
}, },
computed: { computed: {
valid: function() {
return !this.counting
},
codeText: function() {
return this.counting ? (this.count + 's') : '发验证码'
},
isOk: function() { isOk: function() {
return this.phone.isMobile() && this.code.isCode() && this.password.isPwd() return this.phone.isMobile() && this.password.isPwd()
} }
}, },
methods: { methods: {
onConfirm: function() {
let user = this.phone//获取用户邮箱地址
let verify = this.code//获取验证码
let uname = "用户" + parseInt(Math.random() * 1000)//获取用户昵称
let password = this.password//获取密码
let mhm_id = ''//机构
let invite_code = ''//邀请码
$.ajax({
async:false,
type: "POST",
url:REG_ADDRESS,
data:"phone="+user+"&uname="+uname+"&password="+password+"&type=2&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
dataType:"json",
success:function(data){
if( data.status == '0'){
ui.error(data.info)
return
}else{
ui.success("注册成功")
location = data.data
}
}
})
},
onSendCode: function() {
this.checkPhone(this.readyToSend)
},
readyToSend: function() {
let that = this
if(!this.counting) {
let phone = that.phone
$.ajax({
type: "POST",
url:GET_PHONEVERIFY,
data:"phone="+phone,
dataType:"json",
success:function(data){
if(data.status=='0'){
ui.error(data.info)
return
}else{
that.counting = true
that.onTick()
return
}
}
})
}
},
checkPhone: function(call) {
let phone = this.phone
//验证此手机是否已被注册
$.ajax({
type: "POST",
url:CLICK_PHONE,
data:"phone="+phone,
dataType:"text",
success:function(data){
if(data==0){
ui.error('此手机已被注册，请更换');
return;
}else{
call && call()
}
} }
});
},
onTick: function() {
if(this.count > 0) {
this.count -= 1
setTimeout(this.onTick, 1000)
} else {
this.count = 60
this.counting = false
}
}
}
}) })
</script> </script>
apps/basic/Tpl/default/Passport/reg_w3g.html
...@@ -101,6 +101,22 @@ ...@@ -101,6 +101,22 @@
</if> </if>
</div> </div>
<!-- <div id="app">
<div class="layout_v" style="margin-top: 0.625rem;">
<van-field v-model="phone" label="手机号" type="number" placeholder="请输入手机号"></van-field>
<van-field v-model="code" label="验证码" type="digit" maxlength="6" placeholder="请输入验证码">
<template #button>
<div @click="onSendCode" class="layout_center" :class="valid ? 'button_green' : 'button_disable'">
<span class="self_center">{{codeText}}</span>
</div>
</template>
</van-field>
<van-field v-model="password" label="密码" type="password" maxlength="16" placeholder="请输入8～16位密码"></van-field>
<div :class="isOk ? 'confirm_button' : 'confirm_button_disable'" style="margin-top: 6.625rem;">
<span>注册并登录</span>
</div>
</div>
</div> -->
<script> <script>
$(function(){ $(function(){
...@@ -364,4 +380,124 @@ function phoneNext(){ ...@@ -364,4 +380,124 @@ function phoneNext(){
} }
}); });
} }
// let CLICK_PHONE="{:U('basic/Passport/clickPhone')}";
// let GET_PHONEVERIFY="{:U('basic/Passport/getVerify')}";
// String.prototype.isMobile = function() {
// return (/^1[3|4|5|6|7|8|9]\d{9}$/.test(this));
// }
// String.prototype.isCode = function() {
// return this.length == 4 || this.length == 6
// }
// String.prototype.isPwd = function() {
// return this.length >= 6 && this.length <= 16
// }
// new Vue({
// el: '#app',
// data: function() {
// return {
// counting: false,
// count: 60,
// phone: "",
// code: "",
// password: ""
// }
// },
// computed: {
// valid: function() {
// return !this.counting
// },
// codeText: function() {
// return this.counting ? (this.count + 's') : '发验证码'
// },
// isOk: function() {
// return this.phone.isMobile() && this.code.isCode() && this.password.isPwd()
// }
// },
// methods: {
// onConfirm: function() {
// let user = this.phone//获取用户邮箱地址
// let verify = this.code//获取验证码
// let uname = "用户" + parseInt(Math.random() * 1000)//获取用户昵称
// let password = this.password//获取密码
// let mhm_id = ''//机构
// let invite_code = ''//邀请码
// $.ajax({
// async:false,
// type: "POST",
// url:REG_ADDRESS,
// data:"phone="+user+"&uname="+uname+"&password="+password+"&type=2&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
// dataType:"json",
// success:function(data){
// if( data.status == '0'){
// ui.error(data.info)
// return
// }else{
// ui.success("注册成功")
// location = data.data
// }
// }
// })
// },
// onSendCode: function() {
// this.checkPhone(this.readyToSend)
// },
// readyToSend: function() {
// let that = this
// if(!this.counting) {
// let phone = that.phone
// $.ajax({
// type: "POST",
// url:GET_PHONEVERIFY,
// data:"phone="+phone,
// dataType:"json",
// success:function(data){
// if(data.status=='0'){
// ui.error(data.info)
// return
// }else{
// that.counting = true
// that.onTick()
// return
// }
// }
// })
// }
// },
// checkPhone: function(call) {
// let phone = this.phone
// //验证此手机是否已被注册
// $.ajax({
// type: "POST",
// url:CLICK_PHONE,
// data:"phone="+phone,
// dataType:"text",
// success:function(data){
// if(data==0){
// ui.error('此手机已被注册，请更换');
// return;
// }else{
// call && call()
// }
// }
// });
// },
// onTick: function() {
// if(this.count > 0) {
// this.count -= 1
// setTimeout(this.onTick, 1000)
// } else {
// this.count = 60
// this.counting = false
// }
// }
// }
// })
</script> </script>
apps/classroom/Tpl/default/Index/theme_x7_w3g.html
...@@ -114,13 +114,16 @@ ...@@ -114,13 +114,16 @@
<van-tabbar-item> <van-tabbar-item>
<span class="text_10_400">会员中心</span> <span class="text_10_400">会员中心</span>
<template #icon="props"> <template #icon="props">
<if condition="$_SESSION['mid']"> <a href="{:U('basic/Passport/login')}">
<img :src="props.active ? '__THEME__/img/huiyuan.png' : '__THEME__/img/huiyuan_s.png'" />
</a>
<!-- <if condition="$_SESSION['mid']">
<a href="{:U('home/User/index')}"> <a href="{:U('home/User/index')}">
<else/> <else/>
<a href="{:U('basic/Passport/login')}"> <a href="{:U('basic/Passport/login')}">
</if> </if>
<img :src="props.active ? '__THEME__/img/huiyuan.png' : '__THEME__/img/huiyuan_s.png'" /> <img :src="props.active ? '__THEME__/img/huiyuan.png' : '__THEME__/img/huiyuan_s.png'" />
</a> </a> -->
</template> </template>
</van-tabbar-item> </van-tabbar-item>
</van-tabbar> </van-tabbar>
......
apps/home/Tpl/default/User/index_w3g.html
<include file="__THEME__/public_header_w3g" /> <include file="__THEME__/public_header_w3g" />
<!-- <link href="__APP__/css/index_3g.css" rel="stylesheet" type="text/css">
<style>
.myIndexBanner .min-myIndexBanner .myIndex-top .myIndexInfo i.autograph{position: absolute; top: 0;left: 0;height: 100%;width: 20px;background-image:url(__APP__/icon/autograph.png);background-size: 0 100%;background-size: 10px;background-position: center;}
</style> -->
<body> <body>
<div id="app"> <div id="app">
<div class="layout_v tab_container center_top" style="background: url('__THEME__/img/bg@3x.png') no-repeat;"> <div class="layout_v tab_container center_top" style="background: url('__THEME__/img/bg@3x.png') no-repeat;">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment