Skip to content

B
beyond-clouds-front
Commit 5f9f3042 by yanju
Options

Merge branch 'yoona' into 'master' 

Yoona

See merge request pigbigbig/beyond-clouds-front!48
parents 3a20c309 afa332ab
Showing with 215 additions and 101 deletions
components/pc/select/selectCard.vue
<template> <template>
<div> <div>
<div class="select-container" v-if="selectType === '1'" style="min-height: 100px;width: 354px;"> <div class="select-container" v-if="selectType === '1'" @mouseleave="isShow2=false" style="min-height: 100px;width: 354px;">
<div class="select-container__input-box"> <div class="select-container__input-box">
<div> <div>
<input <input
...@@ -186,6 +186,7 @@ export default { ...@@ -186,6 +186,7 @@ export default {
}; };
this.result.push(obj); this.result.push(obj);
this.$popupbox.close(); this.$popupbox.close();
this.$emit('handleTag', this.result);
this.$message({ this.$message({
type: 'success', type: 'success',
message: '标签创建成功' message: '标签创建成功'
......
nuxt.config.js
module.exports = { module.exports = {
server:{ server:{
port:3010, port:3010,
......
pages/blog/release/index.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
> >
<div class="blog-release_List" v-for="val in blogList" :key="val.blogId" :info="val"> <div class="blog-release_List" v-for="val in blogList" :key="val.blogId" :info="val">
<div style="width: 60%"><p @click="toDetail">{{val.blogTitle}}</p></div> <div style="width: 60%"><p @click="toDetail">{{val.blogTitle}}</p></div>
<div class="blog-release_List_r" @click="toDetail" >{{val.category}}</div> <div class="blog-release_List_r" @click="toDetail">{{val.category}}</div>
</div> </div>
</card-container> </card-container>
<card-container <card-container
...@@ -33,9 +33,15 @@ ...@@ -33,9 +33,15 @@
<div class="header-content"> <div class="header-content">
<div class="select__wrap"> <div class="select__wrap">
<span>*</span> <span>*</span>
<select-card selectType="2" :class-list="classList" @handleClass="handleBlogClass" ref="blogClass" placeholder="请选择文章分类" ></select-card> <select-card
selectType="2"
:class-list="classList"
@handleClass="handleBlogClass"
ref="blogClass"
placeholder="请选择文章分类"
></select-card>
</div> </div>
<input type="text" placeholder="相关链接" style="width: 461px;" v-model="originLink" ref="originLink"> <input v-if="false" type="text" placeholder="相关链接" style="width: 461px;" v-model="originLink" ref="originLink">
</div> </div>
<div class="header-content"> <div class="header-content">
<span>*</span> <span>*</span>
...@@ -104,8 +110,8 @@ ...@@ -104,8 +110,8 @@
</div> </div>
<div class="blog-release__footer"> <div class="blog-release__footer">
<p class="footer__left">上传封面 <p class="footer__left">上传封面
<img :src="this.cover" alt=""> <img :src="cover" alt="">
<input type="file" @change="(e)=>changeToUploadCover(e)" placeholder="上传项目封面图" > <input type="file" @change="(e)=>changeToUploadCover(e)" placeholder="上传项目封面图">
</p> </p>
<div class="footer__right"> <div class="footer__right">
<p>已自动存为草稿</p> <p>已自动存为草稿</p>
...@@ -121,25 +127,55 @@ ...@@ -121,25 +127,55 @@
</template> </template>
<script> <script>
import CardContainer from "../../../components/pc/cardContainer"; import CardContainer from "../../../components/pc/cardContainer";
import SelectCard from "../../../components/pc/select/selectCard"; import SelectCard from "../../../components/pc/select/selectCard";
import config from "../../../action/config"; import config from "../../../action/config";
export default { export default {
async asyncData ({ $axios }) { async asyncData({$axios, query}) {
const blogListRes = await $axios.$get(config.api.get.Blog.myList,{ const blogListRes = await $axios.$get(config.api.get.Blog.myList, {
params:{ params: {
page:1, page: 1,
size:12, size: 12,
} }
}); });
if (query.hasOwnProperty('id')) {
// console.log(this); const blogDetailRes = await $axios.$get(config.api.get.Blog.detail + query.id);
return {
detailContent: blogDetailRes.data,
blogList: blogListRes.data.dataList
}
} else {
return { return {
blogList:blogListRes.data.dataList blogList: blogListRes.data.dataList
}; };
}
},
mounted() {
if (this.$route.query.id) {
this.blogTitle = this.detailContent.blogTitle;
this.originLink = this.detailContent.originLink;
this.blogAbstract = this.detailContent.blogAbstract;
this.content = this.detailContent.content;
this.cover = this.detailContent.cover;
this.allowComment = this.detailContent.allowComment;
this.allowForward = this.detailContent.allowForward;
this.way = this.detailContent.viewPrivileges;
this.$refs.blogClass.$refs.select.value = this.detailContent.category;
this.blogClass = this.detailContent.categoryId;
console.log(this.$refs.tagIds);
let tags = [];
this.tagList = new Set();
this.detailContent.tags.forEach(item => {
let obj = {
tag: item.tagName,
tagId: item.tagId
};
tags.push(obj);
this.tagList.add(item.tagId);
});
this.$refs.tagIds.result = tags;
}
}, },
components: {SelectCard, CardContainer}, components: {SelectCard, CardContainer},
data() { data() {
...@@ -179,37 +215,37 @@ ...@@ -179,37 +215,37 @@
reprint: '', reprint: '',
lastSaveTime: new Date(), lastSaveTime: new Date(),
blogClass: '', blogClass: '',
addFile:{}, addFile: {},
userCover:'', userCover: '',
cover:'无', cover: '无',
originLink:'', originLink: 'www.blog.com',
way:1, way: 1,
allowComment:true, allowComment: true,
allowForward:true, allowForward: true,
blogAbstract:'', blogAbstract: '',
blogTitle:'', blogTitle: '',
blogDetail:'', blogDetail: '',
tagIds:'', tagIds: '',
i:0, i: 0,
tagList:[], tagList: new Set(),
img:"", img: "",
classList: [{tagId:1,tag:"web"}, {tagId:2,tag:"java"},{tagId:3,tag:"javascript"}] classList: [{tagId: 1, tag: "web"}, {tagId: 2, tag: "java"}, {tagId: 3, tag: "javascript"}]
// classList:["web","java","javascript"] // classList:["web","java","javascript"]
} }
}, },
methods: { methods: {
toDetail(){ toDetail() {
this.$router.push('/detail') this.$router.push('/detail')
}, },
// 获得下拉框得内容 // 获得下拉框得内容
handleBlogClass(value) { handleBlogClass(value) {
this.blogClass = value.tag; this.blogClass = value.tag;
if(value.tag==="web"){ if (value.tag === "web") {
this.blogClass=1; this.blogClass = 1;
}else if(value.tag==="java"){ } else if (value.tag === "java") {
this.blogClass=2 this.blogClass = 2
}else if(value.tag==="javascript"){ } else if (value.tag === "javascript") {
this.blogClass=3 this.blogClass = 3
} }
console.log(this.blogClass) console.log(this.blogClass)
}, },
...@@ -219,12 +255,10 @@ ...@@ -219,12 +255,10 @@
}, },
// 获得得标签数组 // 获得得标签数组
handleTagList(tagList) { handleTagList(tagList) {
this.tagIds=tagList; console.log(this.tagList);
console.log(this.tagIds); tagList.forEach(item => {
console.log(this.tagIds.length); this.tagList.add(item.tagId)
for(this.i;this.i<this.tagIds.length;this.i++){ });
this.tagList+=this.tagIds[this.i].tag+" "
}
}, },
//上传图片 //上传图片
async changeToUploadCover(e) { async changeToUploadCover(e) {
...@@ -257,7 +291,7 @@ ...@@ -257,7 +291,7 @@
//参数判断 //参数判断
dataPost() { dataPost() {
if(this.blogTitle===''){ if (this.blogTitle === '') {
this.$refs.blogTitle.focus(); this.$refs.blogTitle.focus();
this.$message({ this.$message({
message: "请输入文章标题", message: "请输入文章标题",
...@@ -265,7 +299,7 @@ ...@@ -265,7 +299,7 @@
}); });
return false; return false;
} }
if(this.blogClass===''){ if (this.blogClass === '') {
this.$refs.blogClass.handleShow(); this.$refs.blogClass.handleShow();
this.$refs.blogClass.$refs.select.focus(); this.$refs.blogClass.$refs.select.focus();
this.$message({ this.$message({
...@@ -274,7 +308,7 @@ ...@@ -274,7 +308,7 @@
}); });
return false; return false;
} }
if(this.blogAbstract===''){ if (this.blogAbstract === '') {
this.$refs.blogAbstract.focus(); this.$refs.blogAbstract.focus();
this.$message({ this.$message({
message: "请输入文章摘要（用一句话介绍该文章）", message: "请输入文章摘要（用一句话介绍该文章）",
...@@ -282,7 +316,7 @@ ...@@ -282,7 +316,7 @@
}); });
return false; return false;
} }
if(this.content===''){ if (this.content === '') {
this.$refs.content.textAreaFocus(); this.$refs.content.textAreaFocus();
this.$message({ this.$message({
...@@ -291,7 +325,7 @@ ...@@ -291,7 +325,7 @@
}); });
return false; return false;
} }
if(this.tagIds===''){ if (this.tagList.size === '') {
//this.$refs.tagIds.focus(); //this.$refs.tagIds.focus();
this.$refs.tagIds.handleShow(); this.$refs.tagIds.handleShow();
this.$refs.tagIds.$refs.tag.focus(); this.$refs.tagIds.$refs.tag.focus();
...@@ -301,9 +335,9 @@ ...@@ -301,9 +335,9 @@
}); });
return false; return false;
} }
if(this.originLink!==''){ if (this.originLink !== '') {
let reg =/^(?=^.{3,255}$)((http|https|ftp)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/)?(?:\/(.+)\/?$)?(\/\w+\.\w+)*([\?&]\w+=\w*|[\u4e00-\u9fa5]+)*$/; let reg = /^(?=^.{3,255}$)((http|https|ftp)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/)?(?:\/(.+)\/?$)?(\/\w+\.\w+)*([\?&]\w+=\w*|[\u4e00-\u9fa5]+)*$/;
if (this.originLink==="无" ) { if (this.originLink === "无" || reg.test(this.originLink)) {
this.dataPostSaveUserInfo(); this.dataPostSaveUserInfo();
return false; return false;
} else if (!reg.test(this.originLink)) { } else if (!reg.test(this.originLink)) {
...@@ -314,14 +348,15 @@ ...@@ -314,14 +348,15 @@
}); });
return false return false
} }
}else{ } else {
this.originLink='无'; this.originLink = '无';
this.dataPostSaveUserInfo() this.dataPostSaveUserInfo()
} }
}, },
dataPostSaveUserInfo(){ dataPostSaveUserInfo() {
this.$axios.$post(config.api.post.Blog.release,{ if (this.$route.query.id) {
this.$axios.$put(config.api.put.Blog.revise + this.$route.query.id, {
allowComment: this.allowComment,//评论权限 allowComment: this.allowComment,//评论权限
allowForward: this.allowForward,//转载权限 allowForward: this.allowForward,//转载权限
blogAbstract: this.blogAbstract,//摘要 blogAbstract: this.blogAbstract,//摘要
...@@ -331,36 +366,66 @@ ...@@ -331,36 +366,66 @@
categoryId: this.blogClass,//文章类型 categoryId: this.blogClass,//文章类型
cover: this.cover,//封面图 cover: this.cover,//封面图
originLink: this.originLink, originLink: this.originLink,
tagIds: [ tagIds: Array.from(this.tagList),
this.tagList//标签id topicIds: [
"null"//话题id
], ],
viewPrivileges: this.way //1公开，0私有
})
.then((response) => {
if (response.code === 0) {
this.$message({
message: "修改博客成功",
type: 'success'
});
this.$router.push('/personal-center/home/blog')
} else {
this.$message({
message: response.msg,
type: 'warning'
})
}
})
} else {
this.$axios.$post(config.api.post.Blog.release, {
allowComment: this.allowComment,//评论权限
allowForward: this.allowForward,//转载权限
blogAbstract: this.blogAbstract,//摘要
content: this.content,//内容
contentHtml: this.blogDetail,// 内容的html
blogTitle: this.blogTitle,//标题
categoryId: this.blogClass,//文章类型
cover: this.cover,//封面图
originLink: this.originLink,
tagIds: Array.from(this.tagList),
topicIds: [ topicIds: [
"null"//话题id "null"//话题id
], ],
viewPrivileges: this.way //1公开，0私有 viewPrivileges: this.way //1公开，0私有
}).then((response)=>{ })
if(response.code===0){ .then((response) => {
if (response.code === 0) {
this.$message({ this.$message({
message:"提交成功", message: "发布博客成功",
type:'success' type: 'success'
}); });
/* setTimeout(() => { /* setTimeout(() => {
this.$router.push('/personal-center/home/blog') this.$router.push('/personal-center/home/blog')
}, 500);*/ }, 500);*/
this.$router.push('/personal-center/home/blog') this.$router.push('/personal-center/home/blog')
}else{ } else {
this.$message({ this.$message({
message:response.msg, message: response.msg,
type:'warning' type: 'warning'
}) })
} }
}) })
}
}, },
imgAdd(pos, file) { imgAdd(pos, file) {
// filename: 写在md中的文件名, File: File Object // filename: 写在md中的文件名, File: File Object
// 第一步.将图片上传到服务器. // 第一步.将图片上传到服务器.
...@@ -404,58 +469,69 @@ ...@@ -404,58 +469,69 @@
this.zIndex = 8000 this.zIndex = 8000
} }
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
input{ input {
border:1*$length solid transparent; border: 1*$length solid transparent;
@extend %animate-transition; @extend %animate-transition;
&:focus{
border:1*$length solid #00AAE6; &:focus {
border: 1*$length solid #00AAE6;
} }
} }
.blog-release-container { .blog-release-container {
width: $pageWidth; width: $pageWidth;
margin: 24*$length auto 32*$length auto; margin: 24*$length auto 32*$length auto;
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: start; align-items: start;
.blog-release-container__l { .blog-release-container__l {
.blog-release_List{ .blog-release_List {
width: 266*$length; width: 266*$length;
@extend %flex-row-spb; @extend %flex-row-spb;
margin-top: 5px; margin-top: 5px;
padding-left: 18*$length; padding-left: 18*$length;
padding-right: 18*$length; padding-right: 18*$length;
font-size: 13*$length; font-size: 13*$length;
p{
p {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.blog-release_List_r{
.blog-release_List_r {
color: #999999 color: #999999
} }
:hover{
:hover {
color: #00AAE6; color: #00AAE6;
cursor:pointer cursor: pointer
} }
} }
} }
.blog-release-container__r { .blog-release-container__r {
.blog-release { .blog-release {
width: 748*$length; width: 748*$length;
margin: 0 auto; margin: 0 auto;
.blog-release__header { .blog-release__header {
margin-top: 40*$length; margin-top: 40*$length;
.header-content{
.header-content {
@extend %flex-row-spb; @extend %flex-row-spb;
margin-bottom: 32*$length; margin-bottom: 32*$length;
> span { > span {
color: #FF7474; color: #FF7474;
font-size: 6*$length; font-size: 6*$length;
} }
> input { > input {
width: 726*$length; width: 726*$length;
padding: 14*$length 16*$length; padding: 14*$length 16*$length;
...@@ -464,9 +540,11 @@ ...@@ -464,9 +540,11 @@
@include border-radius(4*$length); @include border-radius(4*$length);
@include fontStyle(14, 46, 500, #666, left); @include fontStyle(14, 46, 500, #666, left);
} }
.select__wrap{
.select__wrap {
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: start; align-items: start;
> span { > span {
color: #FF7474; color: #FF7474;
font-size: 6*$length; font-size: 6*$length;
...@@ -476,32 +554,39 @@ ...@@ -476,32 +554,39 @@
} }
} }
} }
.blog-release__content { .blog-release__content {
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: start; align-items: start;
> span { > span {
display: inline-block; display: inline-block;
margin-top: 18*$length; margin-top: 18*$length;
color: #FF7474; color: #FF7474;
font-size: 6*$length; font-size: 6*$length;
} }
.editor-container { .editor-container {
width: 723*$length; width: 723*$length;
height: 230*$length; height: 230*$length;
overflow: auto; overflow: auto;
.editor { .editor {
min-height: 230*$length; min-height: 230*$length;
min-width: 723*$length; min-width: 723*$length;
} }
} }
} }
.blog-release__select__wrap { .blog-release__select__wrap {
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: start; align-items: start;
margin-top: 32*$length; margin-top: 32*$length;
.select-content{
.select-content {
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: start; align-items: start;
> span { > span {
color: #FF7474; color: #FF7474;
font-size: 6*$length; font-size: 6*$length;
...@@ -510,25 +595,32 @@ ...@@ -510,25 +595,32 @@
} }
} }
} }
.choose-container{
.choose-container {
@extend %flex-row-spb; @extend %flex-row-spb;
.input-box__wrap{
.input-box__wrap {
@extend %flex-row-spb; @extend %flex-row-spb;
> span { > span {
margin-right: 16*$length; margin-right: 16*$length;
color: #FF7474; color: #FF7474;
font-size: 6*$length; font-size: 6*$length;
} }
.input-box { .input-box {
margin-right: 40*$length; margin-right: 40*$length;
line-height: 16*$length; line-height: 16*$length;
input[type="radio"] { input[type="radio"] {
display: none; display: none;
} }
label { label {
@include fontStyle(12, 16, 500, #999, left); @include fontStyle(12, 16, 500, #999, left);
vertical-align: middle; vertical-align: middle;
} }
input[type="radio"] + label::before { input[type="radio"] + label::before {
content: "\a0"; /*不换行空格*/ content: "\a0"; /*不换行空格*/
display: inline-block; display: inline-block;
...@@ -543,6 +635,7 @@ ...@@ -543,6 +635,7 @@
background-color: #fff; background-color: #fff;
@include border-radius(2*$length); @include border-radius(2*$length);
} }
input[type="radio"]:checked + label::before { input[type="radio"]:checked + label::before {
display: inline-block; display: inline-block;
width: 12*$length; width: 12*$length;
...@@ -566,38 +659,44 @@ ...@@ -566,38 +659,44 @@
@extend %flex-row-spb; @extend %flex-row-spb;
align-items: flex-end; align-items: flex-end;
margin-top: 35*$length; margin-top: 35*$length;
.footer__left{
.footer__left {
overflow: hidden; overflow: hidden;
width:196*$length; width: 196*$length;
background-color: #F4F8FA; background-color: #F4F8FA;
@extend %cursorPointer; @extend %cursorPointer;
@include border-radius(4*$length); @include border-radius(4*$length);
@include fontStyle(12,130,500,#666,center); @include fontStyle(12, 130, 500, #666, center);
& input{
& input {
float: left; float: left;
height:100%; height: 100%;
width:100%; width: 100%;
opacity: 0; opacity: 0;
transform: translateY(-200%); transform: translateY(-200%);
@extend %cursorPointer; @extend %cursorPointer;
} }
& img{
& img {
float: left; float: left;
height:100%; height: 100%;
width:100%; width: 100%;
transform: translateY(-100%); transform: translateY(-100%);
object-fit: contain; object-fit: contain;
} }
} }
.footer__right{
.footer__right {
@extend %flex-row-spb; @extend %flex-row-spb;
justify-content: flex-end; justify-content: flex-end;
> p { > p {
margin-right: 32*$length; margin-right: 32*$length;
@include fontStyle(12,16,500,#999,left); @include fontStyle(12, 16, 500, #999, left);
} }
> button { > button {
@include fontStyle(14,19,500,#fff,center); @include fontStyle(14, 19, 500, #fff, center);
width: 100*$length; width: 100*$length;
height: 40*$length; height: 40*$length;
background-color: #00AAE6; background-color: #00AAE6;
...@@ -605,12 +704,14 @@ ...@@ -605,12 +704,14 @@
@extend %cursorPointer; @extend %cursorPointer;
@include border-radius(4*$length); @include border-radius(4*$length);
} }
.preview{
.preview {
color: #666; color: #666;
background-color: #fff; background-color: #fff;
margin-right: 16*$length; margin-right: 16*$length;
@extend %animate-transition; @extend %animate-transition;
&:hover{
&:hover {
color: #fff; color: #fff;
background-color: #00AAE6; background-color: #00AAE6;
} }
......
pages/users/login.vue
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
v-model="account" v-model="account"
@handleCheck="checkAccount" @handleCheck="checkAccount"
@cancelCheck="accountErrMsg = ''" @cancelCheck="accountErrMsg = ''"
@keyup.enter.native="handleLogin"
></login-input> ></login-input>
<login-input <login-input
:error-message="passwordErrMsg" :error-message="passwordErrMsg"
...@@ -32,6 +33,7 @@ ...@@ -32,6 +33,7 @@
v-if="isPassword" v-if="isPassword"
@handleCheck="checkPassword" @handleCheck="checkPassword"
@cancelCheck="passwordErrMsg = ''" @cancelCheck="passwordErrMsg = ''"
@keyup.enter.native="handleLogin"
></login-input> ></login-input>
<login-input <login-input
:error-message="verifyErrMsg" :error-message="verifyErrMsg"
...@@ -42,6 +44,7 @@ ...@@ -42,6 +44,7 @@
v-if="!isPassword" v-if="!isPassword"
@sendSms="checkVerification" @sendSms="checkVerification"
@cancelCheck="verifyErrMsg = ''" @cancelCheck="verifyErrMsg = ''"
@keyup.enter.native="handleLogin"
></login-input> ></login-input>
</template> </template>
<template #mainFooter> <template #mainFooter>
......
pages/users/register.vue
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
v-model="account" v-model="account"
@handleCheck="checkAccount" @handleCheck="checkAccount"
@cancelCheck="accountErrMsg = ''" @cancelCheck="accountErrMsg = ''"
@keyup.enter.native="handleRegisterEnter"
></login-input> ></login-input>
<login-input <login-input
:error-message="passwordErrMsg" :error-message="passwordErrMsg"
...@@ -24,6 +25,7 @@ ...@@ -24,6 +25,7 @@
v-model="password" v-model="password"
@handleCheck="checkPassword" @handleCheck="checkPassword"
@cancelCheck="passwordErrMsg = ''" @cancelCheck="passwordErrMsg = ''"
@keyup.enter.native="handleRegisterEnter"
></login-input> ></login-input>
<login-input <login-input
:error-message="verifyErrMsg" :error-message="verifyErrMsg"
...@@ -34,10 +36,11 @@ ...@@ -34,10 +36,11 @@
v-if="!isEmail" v-if="!isEmail"
@sendSms="checkVerification" @sendSms="checkVerification"
@cancelCheck="verifyErrMsg = ''" @cancelCheck="verifyErrMsg = ''"
@keyup.enter.native="handleRegisterEnter"
></login-input> ></login-input>
</template> </template>
<template #mainFooter> <template #mainFooter>
<login-button @handle="handleRegister" button="注册"></login-button> <login-button @handle="handleRegister" button="注册" ref="registerButton"></login-button>
</template> </template>
</login-wrap> </login-wrap>
</div> </div>
...@@ -160,6 +163,9 @@ export default { ...@@ -160,6 +163,9 @@ export default {
}) })
} }
}, },
handleRegisterEnter() {
this.$refs.registerButton.handel();
},
async handleRegister(isAgree) { async handleRegister(isAgree) {
this.checkAccount(); this.checkAccount();
this.checkPassword(); this.checkPassword();
...@@ -184,6 +190,7 @@ export default { ...@@ -184,6 +190,7 @@ export default {
} }
// 邮箱注册 // 邮箱注册
} }
console.log(isAgree);
console.log(registerResponse); console.log(registerResponse);
// 注册成功 // 注册成功
......
pages/users/reset.vue
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
v-model="account" v-model="account"
@handleCheck="checkAccount" @handleCheck="checkAccount"
@cancelCheck="accountErrMsg = ''" @cancelCheck="accountErrMsg = ''"
@keyup.enter.native="handleReset"
></login-input> ></login-input>
<login-input <login-input
:error-message="passwordErrMsg" :error-message="passwordErrMsg"
...@@ -21,6 +22,7 @@ ...@@ -21,6 +22,7 @@
v-model="password" v-model="password"
@handleCheck="checkPassword" @handleCheck="checkPassword"
@cancelCheck="passwordErrMsg = ''" @cancelCheck="passwordErrMsg = ''"
@keyup.enter.native="handleReset"
></login-input> ></login-input>
<login-input <login-input
:error-message="verifyErrMsg" :error-message="verifyErrMsg"
...@@ -30,6 +32,7 @@ ...@@ -30,6 +32,7 @@
v-model="verifyCode" v-model="verifyCode"
@sendSms="checkVerification" @sendSms="checkVerification"
@cancelCheck="verifyErrMsg = ''" @cancelCheck="verifyErrMsg = ''"
@keyup.enter.native="handleReset"
></login-input> ></login-input>
</template> </template>
<template #mainFooter> <template #mainFooter>
......
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