parent
79b6dd46cd
commit
2291551734
@ -0,0 +1,224 @@ |
|||||||
|
<template> |
||||||
|
<view class="ss-modal-body" :class="{'ss-modal-active' : animation, 'ss-modal-H5Top': _H5Top, 'ss-modal-H5Bottom': _H5Bottom}" :data-platform="platform"> |
||||||
|
<view class="ss-modal" :class="'ss-modal-' + position +' ' + 'ss-modal-' + mode"> |
||||||
|
<slot></slot> |
||||||
|
</view> |
||||||
|
<view v-if="_mask" class="uni-mask" @touchmove.stop.prevent="moveHandle" catchtouchmove="true" @click.stop="hide()"></view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const systemInfo = uni.getSystemInfoSync(); |
||||||
|
export default { |
||||||
|
data () { |
||||||
|
return { |
||||||
|
animation: false, |
||||||
|
platform: systemInfo.platform |
||||||
|
} |
||||||
|
}, |
||||||
|
props: { |
||||||
|
/* |
||||||
|
* 参数说明（定位） |
||||||
|
*/ |
||||||
|
position: {//可能值 top left right bottom middle |
||||||
|
type: String, |
||||||
|
default: 'middle' |
||||||
|
}, |
||||||
|
/* |
||||||
|
* 参数说明 |
||||||
|
* full 宽度100% |
||||||
|
* insert 80%宽度内联小框 |
||||||
|
* cover 宽度高度100% |
||||||
|
*/ |
||||||
|
mode: { |
||||||
|
type: String, |
||||||
|
default: 'full' |
||||||
|
}, |
||||||
|
mask: { |
||||||
|
type: [Boolean, String], |
||||||
|
default: true |
||||||
|
}, |
||||||
|
/* |
||||||
|
* H5置顶 |
||||||
|
*/ |
||||||
|
H5Top: { |
||||||
|
type: [Boolean, String], |
||||||
|
default: true |
||||||
|
}, |
||||||
|
/* |
||||||
|
* H5置底 |
||||||
|
*/ |
||||||
|
H5Bottom: { |
||||||
|
type: [Boolean, String], |
||||||
|
default: true |
||||||
|
}, |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
_mask() { |
||||||
|
return String(this.mask) === 'false' ? false : true; |
||||||
|
}, |
||||||
|
_H5Top() { |
||||||
|
return String(this.H5Top) === 'false' ? false : true; |
||||||
|
}, |
||||||
|
_H5Bottom() { |
||||||
|
return String(this.H5Bottom) === 'false' ? false : true; |
||||||
|
} |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
animation(val) { |
||||||
|
this.$emit('change', val); |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
moveHandle() { |
||||||
|
return ; |
||||||
|
}, |
||||||
|
show () { |
||||||
|
this.animation = true; |
||||||
|
return true; |
||||||
|
}, |
||||||
|
hide () { |
||||||
|
this.animation = false; |
||||||
|
return false; |
||||||
|
}, |
||||||
|
toggle () { |
||||||
|
return !this.animation ? this.show() : this.hide() |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
// 弹窗公用样式 |
||||||
|
.ss-modal-body{ |
||||||
|
box-sizing: border-box; |
||||||
|
opacity: 0; |
||||||
|
position: fixed; |
||||||
|
top: 44px; |
||||||
|
bottom: 50px; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
pointer-events: none; |
||||||
|
transform: translateX(0); |
||||||
|
transition: all .2s linear; |
||||||
|
z-index: 98; |
||||||
|
&.ss-modal-active{ |
||||||
|
pointer-events: auto; |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* #ifdef H5 */ |
||||||
|
.ss-modal-body.ss-modal-H5Top{ |
||||||
|
top: 0; |
||||||
|
z-index: 999; |
||||||
|
} |
||||||
|
.ss-modal-body.ss-modal-H5Bottom{ |
||||||
|
bottom: 0; |
||||||
|
z-index: 999; |
||||||
|
} |
||||||
|
/* #endif */ |
||||||
|
|
||||||
|
.ss-modal-body .uni-mask{ |
||||||
|
z-index: 1; |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
background: rgba(0,0,0,.6); |
||||||
|
} |
||||||
|
.ss-modal{ |
||||||
|
position: fixed; |
||||||
|
z-index: 2; |
||||||
|
transition: inherit; |
||||||
|
/deep/ .gmy-float-touch{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
.ss-modal-middle{ |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
} |
||||||
|
.ss-modal-cover{ |
||||||
|
width: 100%; |
||||||
|
// width: 100vw; |
||||||
|
width: calc(100% + 3px); |
||||||
|
// width: calc(100vw + 2px);//清除translate带来了计算误差 |
||||||
|
height: 100%; |
||||||
|
// height: 100vw; |
||||||
|
height: calc(100% + 3px); |
||||||
|
// height: calc(100vh + 2px);//清除translate带来了计算误差 |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
transform: translate(100%, 0); |
||||||
|
} |
||||||
|
.ss-modal-top{ |
||||||
|
left: 50%; |
||||||
|
z-index: 98; |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
transform: translate(-50%, -100%); |
||||||
|
& + .uni-mask{ |
||||||
|
z-index: 97; |
||||||
|
} |
||||||
|
} |
||||||
|
.ss-modal-full{ |
||||||
|
width: 100%; |
||||||
|
width: calc(100% + 3px);//清除translate带来了计算误差 |
||||||
|
left: 0; |
||||||
|
transform: translate(0, -100%); |
||||||
|
} |
||||||
|
.ss-modal-full.ss-modal-top{ |
||||||
|
transform: translate(0, -200%); |
||||||
|
} |
||||||
|
.ss-modal-full.ss-modal-bottom{ |
||||||
|
transform: translate(0, 100%); |
||||||
|
transition: inherit; |
||||||
|
} |
||||||
|
.ss-modal-right{ |
||||||
|
right: 0; |
||||||
|
max-width: 80%; |
||||||
|
} |
||||||
|
.ss-modal-left{ |
||||||
|
left: 0; |
||||||
|
max-width: 80%; |
||||||
|
} |
||||||
|
.ss-modal-middle.ss-modal-insert { |
||||||
|
min-width: 380rpx; |
||||||
|
min-height: 380rpx; |
||||||
|
max-width: 102%; |
||||||
|
max-height: 80%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
background: none; |
||||||
|
box-shadow: none; |
||||||
|
} |
||||||
|
.ss-modal-body{ |
||||||
|
opacity: 0; |
||||||
|
pointer-events: none; |
||||||
|
} |
||||||
|
.ss-modal-active{ |
||||||
|
opacity: 1; |
||||||
|
pointer-events: auto; |
||||||
|
.ss-modal-top{ |
||||||
|
top: 44px; |
||||||
|
transform: translate(-50%, 0); |
||||||
|
} |
||||||
|
.ss-modal-full{ |
||||||
|
transform: translate(0, -50%); |
||||||
|
} |
||||||
|
.ss-modal-full.ss-modal-top{ |
||||||
|
transform: translate(0, 0); |
||||||
|
} |
||||||
|
.ss-modal-bottom{ |
||||||
|
transform: translate(0, 0); |
||||||
|
} |
||||||
|
.ss-modal-cover{ |
||||||
|
transform: translate(0, 0); |
||||||
|
} |
||||||
|
} |
||||||
|
.ss-modal-bottom{ |
||||||
|
bottom: 0; |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,103 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<view class="logo"> |
||||||
|
<view class="img"> |
||||||
|
<image mode="widthFix" src="../../../static/img/logo2.jpg"> |
||||||
|
</image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<!-- 账号密码输入框 --> |
||||||
|
<view class="form"> |
||||||
|
<view class="password"> |
||||||
|
<image src="../../../static/img/pas.png" style="width: 40rpx;height: 40rpx;"></image><input |
||||||
|
placeholder="请输入旧密码" type="number" maxlength="6" v-model="jpasswd" password=true placeholder-style="color: #333333;" /> |
||||||
|
</view> |
||||||
|
<view class="password"> |
||||||
|
<image src="../../../static/img/pas.png" style="width: 40rpx;height: 40rpx;"></image><input |
||||||
|
placeholder="请输入新密码" type="number" maxlength="6" v-model="xpasswd" password=true placeholder-style="color: #333333;" /> |
||||||
|
</view> |
||||||
|
<view class="btn mart50" @tap="updateUserPayPwd">确 认</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
updateUserPayPwd |
||||||
|
} from "../../../Utils/Api.js"; |
||||||
|
let app =getApp(); |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
jpasswd: '', |
||||||
|
xpasswd: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
updateUserPayPwd() { |
||||||
|
uni.hideKeyboard(); |
||||||
|
if (this.jpasswd == '') { |
||||||
|
uni.showToast({ |
||||||
|
title: '请填写旧密码', |
||||||
|
icon: "none" |
||||||
|
}); |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.xpasswd == '') { |
||||||
|
uni.showToast({ |
||||||
|
title: '请填写新密码', |
||||||
|
icon: "none" |
||||||
|
}); |
||||||
|
return false; |
||||||
|
} |
||||||
|
uni.showLoading({ |
||||||
|
title: '设置中...' |
||||||
|
}) |
||||||
|
let datas = { |
||||||
|
"password": this.jpasswd, |
||||||
|
"newPassword":this.xpasswd |
||||||
|
} |
||||||
|
updateUserPayPwd(datas).then(res => { |
||||||
|
if (res.return_code == '000000') { |
||||||
|
uni.hideLoading(); |
||||||
|
uni.showToast({ |
||||||
|
title: '修改成功', |
||||||
|
icon: "none", |
||||||
|
duration:2000 |
||||||
|
}); |
||||||
|
app.globalData.userInfo = res.return_data |
||||||
|
.object |
||||||
|
.highUser; |
||||||
|
uni.setStorage({ |
||||||
|
key: "user", |
||||||
|
data: res.return_data |
||||||
|
.object |
||||||
|
.highUser |
||||||
|
}) |
||||||
|
uni.navigateBack({ |
||||||
|
}) |
||||||
|
} else { |
||||||
|
uni.hideLoading(); |
||||||
|
uni.showToast({ |
||||||
|
title: res.return_msg, |
||||||
|
icon: "none" |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
@import "../../../static/css/login.scss"; |
||||||
|
.form { |
||||||
|
.res { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
height: 100upx; |
||||||
|
color: rgba($color: #ffffff, $alpha: 0.8); |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,90 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<view class="logo"> |
||||||
|
<view class="img"> |
||||||
|
<image mode="widthFix" src="../../../static/img/logo2.jpg"> |
||||||
|
</image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<!-- 账号密码输入框 --> |
||||||
|
<view class="form"> |
||||||
|
<view class="password"> |
||||||
|
<image src="../../../static/img/pas.png" style="width: 40rpx;height: 40rpx;"></image><input |
||||||
|
placeholder="请输入密码" type="number" maxlength="6" v-model="passwd" password=true placeholder-style="color: #333333;" /> |
||||||
|
</view> |
||||||
|
<view class="btn mart50" @tap="setUserPayPwd">确 认</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { |
||||||
|
setUserPayPwd |
||||||
|
} from "../../../Utils/Api.js"; |
||||||
|
let app =getApp(); |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
passwd: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
setUserPayPwd() { |
||||||
|
uni.hideKeyboard(); |
||||||
|
if (this.passwd == '') { |
||||||
|
uni.showToast({ |
||||||
|
title: '请填写密码', |
||||||
|
icon: "none" |
||||||
|
}); |
||||||
|
return false; |
||||||
|
} |
||||||
|
uni.showLoading({ |
||||||
|
title: '设置中...' |
||||||
|
}) |
||||||
|
let datas = { |
||||||
|
"password": this.passwd |
||||||
|
} |
||||||
|
setUserPayPwd(datas).then(res => { |
||||||
|
if (res.return_code == '000000') { |
||||||
|
uni.hideLoading(); |
||||||
|
uni.showToast({ |
||||||
|
title: '设置成功', |
||||||
|
icon: "none", |
||||||
|
duration:2000 |
||||||
|
}); |
||||||
|
app.globalData.userInfo = res.return_data |
||||||
|
.object |
||||||
|
.highUser; |
||||||
|
uni.setStorage({ |
||||||
|
key: "user", |
||||||
|
data: res.return_data |
||||||
|
.object |
||||||
|
.highUser |
||||||
|
}) |
||||||
|
uni.navigateBack({ |
||||||
|
}) |
||||||
|
} else { |
||||||
|
uni.hideLoading(); |
||||||
|
uni.showToast({ |
||||||
|
title: res.return_msg, |
||||||
|
icon: "none" |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
@import "../../../static/css/login.scss"; |
||||||
|
.form { |
||||||
|
.res { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
height: 100upx; |
||||||
|
color: rgba($color: #ffffff, $alpha: 0.8); |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 824 B |
|
After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in new issue