Commit 1b080a16 authored by wujj's avatar wujj
Browse files

链接地址

parent 31aff726
div.ms-center {
overflow: hidden;
background-color: #f3f5f7;
//头像panel的样式
.ms-panel-margin{
margin-bottom: 0.5em;
font-family: Arial, sans-serif;
//头像下的导航居中样式
.ms-auto{
text-align: center;
padding: 0.5em;
width:33.33333333%;
}
//头像背景色样式
.ms-content-bg{
background: url(../images/center-bg.png) no-repeat bottom;
background-size: 100% 100%;
width: 100%;
//我的订单部分的样式
.am-list-news-hd{
padding: 0em;
.am-list{
margin: .6em;
.ms-center-portrait{
margin-right: 1em;
height: 73px;
width: 73px;
background: #f7f7f7;
border-radius: 100%;
.ms-head{
width: 73px;
height: 73px;
}
}
.ms-center-name-img{
margin-top: .6em;
padding-left: 0em;
width:65%;
h3{
margin-bottom: .4em;
a{
color: #ffffff;
}
}
.am-list-item-text{
width: 7.4em;
img{
width: 100%;
height: 100%;
}
}
}
}
.am-list>li{
background-color: rgba(255, 255, 255, .05);
border: none;
}
}
}
//字体颜色和大小
.ms-color{
color: #666;
font-size: 0.95em;
font-weight: 100;
}
.ms-background-color{
background-color: rgba(255, 255, 255, 0);
.ms-update-padding{
padding-top: 0.2em;
padding-bottom: 0.3em;
.ms-font-color{
color: #666;
}
}
}
}
.ms-margin{
margin: 0;
}
.ms-delete-padding{
padding: 0;
.ms-menu-4{
padding: 0.5em;
text-align: center;
.ms-color{
color: #666;
font-size: 1.6em;
}
.ms-font{
font-size: 0.8em;
color: #666;
font-weight: 100;
}
img{
margin: 0.5em 0;
}
}
}
.ms-center-title{
border-bottom: white;
}
//个人信息
.ms-center-list{
padding: 0px;
.ms-center-address{
margin-bottom: -0.6em;
}
li{
padding: 0.8em 1.0em;
font-size: 0.9em;
line-height: 1.8em;
span{
color: #888;
}
.ms-center-address-border{
border: white;
}
}
.ms-center-button{
width: 90%;
margin: 1em auto;
}
.ms-center-list-a{
padding: 0;
color: #555;
display: inline;
}
.ms-center-border-top{
border-top: white;
}
.ms-center-border-bottom{
border-bottom: white;
}
}
//底部样式
.ms-footer{
font-size: 0.6em;
padding: 0;
}
.ms-sex-padding{
padding-bottom:1em;
}
.active{
color: #dd514c;
}
}
div.ms-people-info{
background-color:#fff;
.ms-info-title{
color:#666;
}
.ms-iconfont{
font-size: 1.4rem;
}
.am-list {
.am-list-item-dated{
a.ms-info-operate{
padding-right: 0px
}
}
}
.ms-center-button{
margin-bottom: 10px;
}
}
\ No newline at end of file
.ms-people-heard{
.ms-admin-sidebar-list{
margin-bottom: 0em;
li{
border: none;
margin-bottom: 0px;
.ms-header{
background: #efefef url(../images/header-bg.png) repeat-x 0 0;
margin: 0em!important;
color: #9d9ea0;
font-weight: 100;
background-size: 100% 2.5em;
.ms-titlebar-nav{
text-align: center!important;
color: #252525;
}
}
h2{
margin-right: .6em;
margin-left: .6em;
font-size: 1.3em;
color: #9d9ea0;
}
.ms-g{
background: #404042;
color: #fff;
text-align: center;
.am-icon-btn{
background: #404042;
color: #fff;
line-height: 1.5em;
height: 1.5em;
}
.ms-icon-btn-font{
font-size: small;
font-weight: 100;
line-height: 2em;
color: #ffffff;
}
}
}
}
}
\ No newline at end of file
.ms-login {
background-color: #f3f5f7;
display: none;
.ms-health {
margin: 0 auto;
margin-top: 1em;
.iconfont {
font-size: inherit;
}
}
.ms-input-label {
background-color: #fff;
}
.ms-valiDateCode {
border: 1px;
height: 2em;
border-color: #000000;
}
.ms-login-form {
margin-top: 1.6em;
}
.ms-logBtn {
background-color: #f23030;
border-color: #ff9793;
margin: 0 auto;
margin-top: 10%;
width: 100%;
}
input {
border-color: #d9dbda;
}
}
\ No newline at end of file
@color: #f3f5f7;
.ms-password-change {
background: @color!important;
.ms-form {
margin: 1em;
}
.ms-btn {
color: #fff;
background-color: #ddd;
}
.ms-text {
font-size: .8em;
font-weight: 200;
}
}
\ No newline at end of file
.ms-password-forget {
background: #f4f5f7;
min-height: 25em;
.ms-form-group {
margin-left: 1em;
margin-right: 1em;
margin-top: 1.5em;
.ms-input-label {
background-color: #fff;
border: 1px solid #eee;
}
input {
.ms-input-label {
background-color: #fff;
border: 1px solid #eee;
}
}
}
.ms-input-group {
margin-left: 1em;
margin-right: 1em;
.ms-input-label {
background-color: #fff;
border: 1px solid #eee;
.ms-valiDateCode {
border: 0.1em;
height: 2em;
border-color: #000000;
}
}
}
.ms-btn {
margin-top: 1.5em;
margin-left: 1em;
margin-right: 1em;
background-color: #ddd;
}
.ms-submit {
color: #fff;
width: 100%;
}
.ms-input {
height: 2em;
}
}
\ No newline at end of file
.ms-password-forget-2 {
background-color: #f3f5f7;
min-height: 25em;
.ms-margin {
margin-top: 2em;
.ms-text-warning {
color: #d73d3c;
font-size: 1em;
font-weight: 500;
}
.ms-margin-text {
margin-bottom: 1em;
.ms-text {
font-size: .9em;
}
.ms-num {
font-size: .85em;
}
}
.ms-monospace {
margin-top: 5em;
font-size: .9em;
.ms-link-text {
margin-left: -0.5em;
text-decoration: underline;
}
}
.am-input-group {
.ms-btn {
border-color: #f3f5f7;
background-color: #ddd;
}
.ms-text {
font-size: .9em;
}
}
.ms-submit {
color: #fff;
margin-top: 2em;
width: 100%;
}
}
}
\ No newline at end of file
.ms-password-forget-3 {
background: #f3f5f7!important;
.ms-form {
margin: 1em;
}
.ms-span {
font-size: 0.8em;
margin-left: 1.5em;
margin-right: 1.5em;
color: #383030;
.ms-btn {
text-align: center;
color: #fff;
margin-top: 2em;
.ms-submit {
color: #fff;
width: 100%;
}
}
.ms-monospace {
margin-top: 5em;
font-size: .9em;
.ms-link-text {
margin-left: -0.5em;
text-decoration: underline;
}
}
}
.ms-text {
font-size: .8em;
font-weight: 200;
}
}
\ No newline at end of file
.ms-register {
background-color: #f3f5f7;
display:none;
.ms-health{
margin: 0 auto;
margin-top: 1em;
.iconfont{
font-size: inherit;
}
}
.ms-valiDateCode{
border: 1px;
height: 2em;
border-color: #000000;
}
.ms-login-form {
margin-top: 1.6em;
}
.ms-logBtn {
background-color: #f23030;
border-color: #ff9793;
margin: 0 auto;
margin-top: 10%;
width: 100%;
}
input {
border-color: #d9dbda;
}
.ms-input-bgcolor{
background-color: #fff;
}
}
\ No newline at end of file
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>登录</title>
<#include "/head-file.htm" />
</head>
<body style="background-color: #f3f5f7;">
<!--头部导航条-->
<div class="ms-people-heard">
<ul class="am-list admin-sidebar-list ms-admin-sidebar-list" id="collapase-nav-1">
<li class="am-panel">
<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default ms-header">
<h2 class="iconfont" onclick="javascript:history.back(-1);">&#xe80d;</h2>
<nav class="am-titlebar-nav ms-titlebar-nav">
<p class="">登录</p>
</nav>
<h2 class="iconfont"></h2>
</div>
</li>
</ul>
</div>
<!--头部导航条end-->
<div class="ms-login" id="vue-ms-login">
<form class="am-form ms-login-form">
<fieldset>
<div class="am-form-group">
<input type="text" v-model="peopleName" name="peopleName" class="am-form-field am-radius" placeholder="用户名/已绑定邮箱" v-on:input="active" maxlength="30">
</div>
<div class="am-form-group">
<input type="password" v-model="peoplePassword" name="peoplePassword" class="am-form-field am-radius" placeholder="请输入密码" v-on:input="active" maxlength="20">
</div>
<div class="am-form-group am-input-group">
<input type="text" v-model="rand_code" name="rand_code" class=" am-form-field am-radius" placeholder="必填,4个字符" v-on:input="active" maxlength="4">
<span class="am-input-group-label ms-input-label">
<img src="" v-on:click="code" class="ms-valiDateCode am-fr" id="codeImg"/>
</span>
</div>
<v-touch type="button" v-on:tap="login" v-bind:class="{'am-disabled':isActive}" class="am-btn am-btn-danger am-radius ms-logBtn" data-am-loading="{loadingText: '登录中...'}">登 录</v-touch>
<div class="ms-health">
<div>
<a href="#">
<i class="iconfont">&#xe98d;</i>找回密码
</a>
<a href="{ms:global.host/}/register.do" class="am-fr">
<i class="iconfont">&#xe683;</i>快速注册
</a>
</div>
</div>
</fieldset>
</form>
</div>
<script type="text/javascript">
//vue文档:https://cn.vuejs.org/v2/guide/
//touch文档:https://github.com/vuejs/vue-touch/tree/next
ms.load(["ms","ms.people","ms.mweixin"],function(ms,mpeople,mweixin){
var vm = new Vue({
el: '#vue-ms-login',
data:{
isActive:true, //设置一个状态 为true的时候 登录按钮禁用,false时按钮启用
peopleName:'', //定义登录表单的model值,便于获取表单元素值进行操作
peoplePassword:'',
rand_code:'',
},
created: function () { //在vue创建后显示整个登录页面内容
$(".ms-login").show();
},
methods:{
active: function(){
//判断用户名、密码、验证码都输入后才启动登录按钮
if (!validator.isNull(this.rand_code) && !validator.isNull(this.peoplePassword) && !validator.isNull(this.peopleName)){
this.isActive = false;
}else{
this.isActive = true;
}
},
//调用登录接口
login: function (){
var _obj = this
var $this = event.target;
$($this).button('loading');
_obj.isActive = true;
//验证用户名
if (!validator.isLength(_obj.peopleName,{min:3,max:30})){
alert("用户名为3~30个字符");
_obj.isActive = false;
$($this).button('reset');
return;
}else{
if(_obj.peopleName.indexOf(" ") >=0){
alert("用户名不能包含空格");
_obj.isActive = false;
$($this).button('reset');
return;
}
}
//验证密码
if (!validator.isLength(_obj.peoplePassword,{min:6,max:20})){
alert("密码为6~20个字符");
_obj.isActive = false;
$($this).button('reset');
return;
}
//验证验证码
if (_obj.rand_code.length !== 4){
alert("验证码为4位字符");
_obj.isActive = false;
$($this).button('reset');
return;
}
//判断登录表信息是否填入正确 并返回相应的参数
mpeople.checkLogin($(".ms-login-form").serialize(),function(json){
if (json.result) {
location.href='{ms:global.host/}/people/center.do'
}else{
alert(json.resultMsg);
vm.code();
}
_obj.isActive = false;
$($this).button('reset');
});
},
//点击更换验证码
code: function (event) {
ms.code("codeImg");
},
//如果已登录则跳转到个人中心
center:function(){
mpeople.checkLoginStatus(function(json) {
if(mweixin.isWeixin()) {
if(json.result) {
location.href='{ms:global.host/}/people/center.do'
}else{
location.href=mweixin.authLink({link:location.href,appId:"wx7cce6e06b8270c8a"});
}
}else{
if(json.result) {
location.href='{ms:global.host/}/people/center.do'
}
}
})
}
}
})
vm.code();
vm.center();
})
</script>
<!--[if (gte IE 9)|!(IE)]><!-->
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="{ms:global.host/}/plugins/AmazeUI/2.7.2/js/amazeui.min.js"></script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>修改密码</title>
<#include "/head-file.htm" />
</head>
<body style="background-color:#f3f5f7;">
<div class="ms-password-change" id="vue-ms-password-change">
<!--头部导航条-->
<#include "/head.htm" />
<!--添加收获地址列表-->
<form class="am-form ms-form">
<div class="am-form-group">
<label for="doc-ipt-email-1" class="ms-text">请填写旧密码</label>
<input type="password" v-model="peopleOldPassword" v-on:input="active" name="peopleOldPassword" class="ms-text" id="doc-ipt-email-1" placeholder="请填写旧密码">
</div>
<div class="am-form-group">
<label for="doc-ipt-pwd-1" class="ms-text">请填写新密码</label>
<input type="password" v-model="peoplePassword" v-on:input="active" name="peoplePassword" class="ms-text" id="doc-ipt-pwd-1" placeholder="6-20位,不能与旧密码相同">
</div>
<v-touch type="button" v-on:tap="changePassword" v-bind:class="{'am-disabled':isActive}" class="am-btn am-btn-danger am-radius am-btn-block" id='ms-password'>确认</v-touch>
</form>
<div>
<script type="text/javascript">
ms.load(["ms","ms.people"],function(ms,mpeople){
var vu = new Vue({
el: '#vue-ms-password-change',
data:{
title:'修改密码',
backBtn:"javascript:history.back()",
isActive:true,
peopleOldPassword:"",
peoplePassword:"",
},
methods: {
active: function(){
//判断用户名、密码、验证码都输入后才启动登录按钮
if (!validator.isNull(this.peopleOldPassword) && !validator.isNull(this.peoplePassword)){
this.isActive = false;
}else{
this.isActive = true;
}
},
changePassword: function(event){
if(!validator.isLength(this.peopleOldPassword,{min:6,max:20})){
alert("旧密码为6-20个字符");
return;
}
if(!validator.isLength(this.peoplePassword,{min:6,max:20})){
alert("新密码为6-20个字符");
return;
}
if(this.peoplePassword.indexOf(" ") >=0){
alert("新密码不能包含空格");
return;
}
if(this.peopleOldPassword == this.peoplePassword){
alert("新密码不能与旧密码相同");
}else{
ms.people.changePassword($("form").serialize(),function(returnJson){
if(returnJson.result){
alert("密码修改成功,请重新登录")
$.ajax({
type: "POST",
url: "{ms:global.host/}/people/quit.do",
success: function(msg) {
}
})
location.href="{ms:global.host/}/login.do";
}else{
alert("旧密码错误");
};
})
}
}
}
});
});
</script>
<!--[if (gte IE 9)|!(IE)]><!-->
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="{ms:global.host/}/plugins/AmazeUI/2.7.2/js/amazeui.min.js"></script>
</body>
</html>
\ No newline at end of file
Supports Markdown
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