10 changed files with 757 additions and 195 deletions
@ -1,189 +1,202 @@ |
|||||
<!--授课统计-详情--> |
<!--授课统计-详情--> |
||||
<template> |
<template> |
||||
<view class="main_box"> |
<view class="main_box"> |
||||
|
|
||||
<view class="main_section"> |
<view class="main_section"> |
||||
<view class="section"> |
<view class="section"> |
||||
<view class="text_input"> |
<view class="text_input"> |
||||
<fui-textarea placeholder="请输入反馈内容"></fui-textarea> |
<fui-textarea placeholder="请输入反馈内容"></fui-textarea> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
|
||||
<view class="section"> |
<view class="section"> |
||||
<view class="upload_box"> |
<view class="upload_box"> |
||||
<view>上传图片</view> |
<view>上传图片</view> |
||||
<AQUplodeImgMulti :inputName="`images_arr`" :inputValue="formData.images_arr || []" @AQUploadSuccess="AQUploadSuccess"/> |
<AQUplodeImgMulti :inputName="`images_arr`" :inputValue="formData.images_arr || []" |
||||
</view> |
@AQUploadSuccess="AQUploadSuccess" /> |
||||
</view> |
</view> |
||||
|
</view> |
||||
<view class="section"> |
|
||||
<view class="input_box"> |
<view class="section"> |
||||
<fui-input label="邮箱方式" borderTop placeholder="请输入邮箱"></fui-input> |
<view class="input_box"> |
||||
</view> |
<fui-input label="邮箱方式" borderTop placeholder="请输入邮箱"></fui-input> |
||||
</view> |
</view> |
||||
|
</view> |
||||
<view class="btn">提交</view> |
|
||||
</view> |
<view class="describe"> |
||||
</view> |
反馈的相关问题会第一时间通过邮箱解答。 |
||||
|
</view> |
||||
|
|
||||
|
<view class="btn">提交</view> |
||||
|
</view> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import user from '@/api/user.js'; |
import user from '@/api/user.js'; |
||||
import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti'; |
import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti'; |
||||
import AQTabber from "@/components/AQ/AQTabber" |
import AQTabber from "@/components/AQ/AQTabber" |
||||
|
|
||||
|
|
||||
export default { |
export default { |
||||
components: { |
components: { |
||||
AQTabber, |
AQTabber, |
||||
AQUplodeImgMulti, |
AQUplodeImgMulti, |
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
formData:{ |
formData: { |
||||
images_arr:[] |
images_arr: [] |
||||
}, |
}, |
||||
|
|
||||
//课程下拉菜单相关 |
//课程下拉菜单相关 |
||||
show_course:false,//是否显示下拉菜单 |
show_course: false, //是否显示下拉菜单 |
||||
//课程下拉菜单 |
//课程下拉菜单 |
||||
course_name:'课程',//选中的下拉菜单名称 |
course_name: '课程', //选中的下拉菜单名称 |
||||
options_course: [ |
options_course: [{ |
||||
{ |
text: '请选择课程', |
||||
text: '请选择课程', |
value: '', |
||||
value: '', |
checked: true |
||||
checked: true |
}, { |
||||
}, { |
text: '羽毛球课程1', |
||||
text: '羽毛球课程1', |
value: '1' |
||||
value: '1' |
}, { |
||||
}, { |
text: '篮球课程2', |
||||
text: '篮球课程2', |
value: '2' |
||||
value: '2' |
}], |
||||
} |
|
||||
], |
//课室下拉菜单相关 |
||||
|
show_classroom: false, //是否显示下拉菜单 |
||||
//课室下拉菜单相关 |
//课程下拉菜单 |
||||
show_classroom:false,//是否显示下拉菜单 |
classroom_name: '课室', //选中的下拉菜单名称 |
||||
//课程下拉菜单 |
options_classroom: [{ |
||||
classroom_name:'课室',//选中的下拉菜单名称 |
text: '请选择课室', |
||||
options_classroom: [ |
value: '', |
||||
{ |
checked: true |
||||
text: '请选择课室', |
}, { |
||||
value: '', |
text: '羽毛球201', |
||||
checked: true |
value: '1' |
||||
}, { |
}, { |
||||
text: '羽毛球201', |
text: '篮球室101', |
||||
value: '1' |
value: '2' |
||||
}, { |
}], |
||||
text: '篮球室101', |
} |
||||
value: '2' |
}, |
||||
} |
onLoad() {}, |
||||
], |
methods: { |
||||
} |
//######AQ上传文件组件相关###### |
||||
}, |
// 上传文件回调 |
||||
onLoad() { |
AQUploadSuccess(res) { |
||||
}, |
console.log('接收AQ上传回调xxx1', res) |
||||
methods: { |
// 使用 split 方法分割字符串 |
||||
//######AQ上传文件组件相关###### |
let _inputValue = [] |
||||
// 上传文件回调 |
if (res.filePathArr.length) { |
||||
AQUploadSuccess(res){ |
_inputValue = res.filePathArr |
||||
console.log('接收AQ上传回调xxx1',res) |
} |
||||
// 使用 split 方法分割字符串 |
this.formData[res.inputName] = _inputValue |
||||
let _inputValue = [] |
// console.log('接收AQ上传回调xxx1',res) |
||||
if(res.filePathArr.length){ |
// console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr) |
||||
_inputValue = res.filePathArr |
}, |
||||
} |
} |
||||
this.formData[res.inputName]=_inputValue |
} |
||||
// console.log('接收AQ上传回调xxx1',res) |
|
||||
// console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
</script> |
||||
|
|
||||
<style lang="less" scoped> |
<style lang="less" scoped> |
||||
|
.main_box { |
||||
.main_box{ |
background: #292929; |
||||
background: #292929 ; |
} |
||||
} |
|
||||
|
//自定义导航栏 |
||||
//自定义导航栏 |
.navbar_section { |
||||
.navbar_section{ |
display: flex; |
||||
display: flex; |
justify-content: center; |
||||
justify-content: center; |
align-items: center; |
||||
align-items: center; |
background: #29d3b4; |
||||
background: #29d3b4; |
|
||||
.title{ |
.title { |
||||
padding: 20rpx 0; |
padding: 20rpx 0; |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
color: #315d55; |
color: #315d55; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
.main_section{ |
.main_section { |
||||
min-height: 100vh; |
min-height: 100vh; |
||||
background: #292929 100%; |
background: #292929 100%; |
||||
padding: 0 0rpx; |
padding: 0 0rpx; |
||||
padding-top: 32rpx; |
padding-top: 32rpx; |
||||
padding-bottom: 150rpx; |
padding-bottom: 150rpx; |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
color: #fff; |
color: #fff; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
gap: 20rpx; |
gap: 20rpx; |
||||
|
|
||||
.section{ |
.section { |
||||
background-color: #434544; |
background-color: #434544; |
||||
padding: 40rpx 40rpx; |
padding: 40rpx 40rpx; |
||||
.text_input{ |
|
||||
border: 1px solid #434544; |
.text_input { |
||||
background-color: #434544 !important; |
border: 1px solid #434544; |
||||
::v-deep .fui-textarea__wrap{ |
background-color: #434544 !important; |
||||
border: 1px solid #797979; |
|
||||
background-color: #434544 !important; |
::v-deep .fui-textarea__wrap { |
||||
} |
border: 1px solid #797979; |
||||
::v-deep .fui-textarea__background{ |
background-color: #434544 !important; |
||||
border: 0; |
} |
||||
background-color: #434544 !important; |
|
||||
} |
::v-deep .fui-textarea__background { |
||||
} |
border: 0; |
||||
.upload_box{ |
background-color: #434544 !important; |
||||
display: flex; |
} |
||||
flex-direction: column; |
} |
||||
gap: 20rpx; |
|
||||
} |
.upload_box { |
||||
.input_box{ |
display: flex; |
||||
padding: 0; |
flex-direction: column; |
||||
color: #fff; |
gap: 20rpx; |
||||
::v-deep .fui-input__wrap{ |
} |
||||
background: #434544 !important; |
|
||||
padding-left: 0 !important; |
.input_box { |
||||
} |
padding: 0; |
||||
::v-deep .fui-input__label{ |
color: #fff; |
||||
span{ |
|
||||
color: #fff !important; |
::v-deep .fui-input__wrap { |
||||
} |
background: #434544 !important; |
||||
} |
padding-left: 0 !important; |
||||
::v-deep .uni-input-input{ |
} |
||||
color: #fff; |
|
||||
} |
::v-deep .fui-input__label { |
||||
::v-deep .fui-input__background{ |
span { |
||||
background: #434544 !important; |
color: #fff !important; |
||||
} |
} |
||||
} |
} |
||||
} |
|
||||
.btn{ |
::v-deep .uni-input-input { |
||||
margin: 0 auto; |
color: #fff; |
||||
margin-top: 40rpx; |
} |
||||
border: 1px solid #25a18b; |
|
||||
color: #25a18b; |
::v-deep .fui-input__background { |
||||
width: 80%; |
background: #434544 !important; |
||||
height: 80rpx; |
} |
||||
line-height: 80rpx; |
} |
||||
text-align: center; |
} |
||||
} |
|
||||
|
.btn { |
||||
} |
margin: 0 auto; |
||||
|
margin-top: 40rpx; |
||||
|
border: 1px solid #25a18b; |
||||
|
color: #25a18b; |
||||
|
width: 80%; |
||||
|
height: 80rpx; |
||||
|
line-height: 80rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.describe { |
||||
|
color: #999999; |
||||
|
padding-left: 30rpx; |
||||
|
} |
||||
</style> |
</style> |
||||
@ -0,0 +1,158 @@ |
|||||
|
<template> |
||||
|
<view class="assemble"> |
||||
|
<view style="height: 50rpx;"></view> |
||||
|
<view class="ul"> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">篮球少儿课</view> |
||||
|
<view class="date">上课时间:2020.05.30 15:30 - 17:30</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">1课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.assemble { |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
background: #333333; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.ul { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 12rpx; |
||||
|
background-color: #fff; |
||||
|
width: 90%; |
||||
|
margin: 0 auto 30rpx; |
||||
|
padding: 26rpx; |
||||
|
border-radius: 16rpx; |
||||
|
} |
||||
|
|
||||
|
.li { |
||||
|
padding: 30rpx 20rpx; |
||||
|
border: 1px solid #29D3B4; |
||||
|
border-radius: 18rpx; |
||||
|
background-color: rgba(41, 211, 180, 0.16); |
||||
|
font-size: 26rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.left { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 15rpx; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
width: 110rpx; |
||||
|
height: 44rpx; |
||||
|
line-height: 44rpx; |
||||
|
border-radius: 8rpx; |
||||
|
background-color: rgba(41, 211, 180, 1); |
||||
|
color: rgba(255, 255, 255, 1); |
||||
|
font-size: 20rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,158 @@ |
|||||
|
<template> |
||||
|
<view class="assemble"> |
||||
|
<view style="height: 50rpx;"></view> |
||||
|
<view class="ul"> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="left"> |
||||
|
<view class="title">智卓燕</view> |
||||
|
<view class="date">哥哥</view> |
||||
|
</view> |
||||
|
<view class="right"> |
||||
|
<view class="btn" style="background-color: #29d3b4;">5课时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.assemble { |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
background: #333333; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.ul { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 12rpx; |
||||
|
background-color: #fff; |
||||
|
width: 90%; |
||||
|
margin: 0 auto 30rpx; |
||||
|
padding: 26rpx; |
||||
|
border-radius: 16rpx; |
||||
|
} |
||||
|
|
||||
|
.li { |
||||
|
padding: 30rpx 20rpx; |
||||
|
border: 1px solid #29D3B4; |
||||
|
border-radius: 18rpx; |
||||
|
background-color: rgba(41, 211, 180, 0.16); |
||||
|
font-size: 26rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.left { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
gap: 15rpx; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
width: 110rpx; |
||||
|
height: 44rpx; |
||||
|
line-height: 44rpx; |
||||
|
border-radius: 8rpx; |
||||
|
background-color: rgba(41, 211, 180, 1); |
||||
|
color: rgba(255, 255, 255, 1); |
||||
|
font-size: 20rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,22 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,106 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<view class="title"> |
||||
|
<view :class="{'green-text': tset_style === 1}">1.验证手机号码</view> |
||||
|
<view :class="{'green-text': tset_style === 2}">2.设置新密码</view> |
||||
|
</view> |
||||
|
<view :style="{'background-color':'#fff','width':'100%','height':'100vh' }"> |
||||
|
<view style="width: 95%;height: 30rpx;"></view> |
||||
|
<view v-if="tset_style == 1"> |
||||
|
<view class="describe"> |
||||
|
为保障您的账号安全,修改密码前请填写原密码 |
||||
|
</view> |
||||
|
<view style="width: 95%;margin:30rpx auto;"> |
||||
|
<fui-input borderTop placeholder="请输入原登录密码" v-model="user" @input="input" |
||||
|
backgroundColor="#f2f2f2"></fui-input> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view v-if="tset_style == 2"> |
||||
|
<view style="width: 95%;margin:30rpx auto;"> |
||||
|
<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="user" @input="input" |
||||
|
backgroundColor="#f2f2f2"></fui-input> |
||||
|
</view> |
||||
|
<view style="width: 95%;margin: auto;"> |
||||
|
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="code" placeholder="请再次输入新的登录密码" @input="input" |
||||
|
backgroundColor="#f2f2f2"> |
||||
|
</fui-input> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="width: 95%;margin:60rpx auto;"> |
||||
|
<fui-button background="#00be8c" radius="5rpx" @click="nextStep" v-if="tset_style == 1">下一步</fui-button> |
||||
|
<fui-button background="#00be8c" radius="5rpx" @click="submit" v-if="tset_style == 2">提交</fui-button> |
||||
|
<view style="width: 95%;margin:60rpx auto;"> |
||||
|
<fui-button background="#fff" radius="5rpx" @click="forgot" color="#999999" v-if="tset_style == 1">忘记原密码</fui-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
code: '', |
||||
|
user: '', |
||||
|
tset_style: 1, |
||||
|
} |
||||
|
}, |
||||
|
onLoad() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
sendCode() { |
||||
|
//延时为了效果展示 |
||||
|
setTimeout(() => { |
||||
|
//发送短信 |
||||
|
//... |
||||
|
//success方法:短信发送成功后将组件改为倒计时状态 |
||||
|
this.$refs.fui_cdv && this.$refs.fui_cdv.success() |
||||
|
}, 800) |
||||
|
}, |
||||
|
nextStep(){ |
||||
|
this.tset_style = 2 |
||||
|
}, |
||||
|
forgot() { |
||||
|
uni.navigateTo({ |
||||
|
url: '/pages/student/login/forgot' |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
page { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
.fui-section__title { |
||||
|
margin-left: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.fui-left__icon { |
||||
|
padding-right: 24rpx; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
height: 100rpx; |
||||
|
width: 100%; |
||||
|
background-color: #fff; |
||||
|
font-size: 26rpx; |
||||
|
border: 4rpx #f5f5f5 solid; |
||||
|
} |
||||
|
|
||||
|
.green-text{ |
||||
|
color: #36d6b9; |
||||
|
} |
||||
|
|
||||
|
.describe{ |
||||
|
color: #999999; |
||||
|
padding-left: 30rpx; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue