You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.9 KiB
1 line
4.9 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/profile/childComps/Message.vue?vue&type=style&index=0&id=68ce38f2&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/profile/childComps/Message.vue","mtime":1616684165547},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLm5hdi1iYXJ7CiAgYmFja2dyb3VuZC1jb2xvcjojZjUzYjU3OwogIGNvbG9yOiAjZmZmOwogIGhlaWdodDogNDRweDsKfQouYmFja3sKICAgIG1hcmdpbi10b3A6IDVweDsKfQoKLmNvbnRlbnR7CiAgICBtYXJnaW4tdG9wOiA0MHB4OwogICAgaGVpZ2h0OiA0MHB4OwogICAgd2lkdGg6IDEwMCU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9CgouYnRuewogICAgZmxvYXQ6IHJpZ2h0OwogICAgbWFyZ2luLXJpZ2h0OiAzMHB4OwogICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1M2I1NzsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNmNTNiNTc7CiAgICAKfQo="},{"version":3,"sources":["Message.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA","file":"Message.vue","sourceRoot":"src/views/profile/childComps","sourcesContent":["<template>\n <div class=\"Message\">\n <NavBar class=\"nav-bar\">\n <div slot=\"left\" class=\"back\" @click=\"backClick\">\n <img src=\"~assets/img/common/back.svg\" alt=\"\">\n </div> \n <div slot=\"center\">个人信息</div>\n </NavBar>\n <div class=\"content\">\n <el-form\n ref=\"profileFormRef\"\n label-width=\"0px\"\n :model=\"profileForm\"\n :rules=\"profileFormRules\"\n >\n <el-form-item prop=\"password\">\n <el-input\n placeholder=\"输入新的密码\"\n v-model=\"profileForm.password\"\n prefix-icon=\"el-icon-user-solid\"\n ></el-input>\n </el-form-item>\n <el-form-item prop=\"sign\">\n <el-input\n placeholder=\"输入新的个性签名\"\n v-model=\"profileForm.sign\"\n prefix-icon=\"el-icon-s-goods\"\n ></el-input>\n </el-form-item>\n <el-form-item >\n <el-row>\n <el-button class=\"btn\" @click=\"updata\" type=\"primary\" >修改</el-button>\n </el-row>\n <!-- <el-button type=\"info\" @click=\"infoRegister\">注册</el-button> -->\n </el-form-item>\n </el-form>\n </div>\n </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nexport default {\n name:\"Message\",\n components:{\n NavBar\n },\n data(){\n return {\n profileForm: {\n password: \"\",\n sign:\"\"\n },\n profileFormRules: {\n //验证密码是否合法\n password: [\n { required: true, message: \"请输入密码\", trigger: \"blur\" },\n { min: 5, max: 10, message: \"长度在 5 到 10 个字符\", trigger: \"blur\" },\n ],\n //验证标签是否合法\n sign: [\n { required: true, message: \"请输入个性签名\", trigger: \"blur\" },\n { min: 0, max: 20, message: \"长度在20个字符以内\", trigger: \"blur\" },\n ],\n },\n }\n },\n created(){\n },\n methods:{\n backClick(){\n this.$router.push('/profile')\n },\n updata() {\n this.$refs.profileFormRef.validate(async valid => {\n if (!valid) return;\n try{\n await this.$http.post('/users/updata/profile',this.profileForm);\n this.$message.success('修改成功')\n this.$refs.profileFormRef.resetFields()\n }catch(err){\n return this.$message.error('修改失败')\n }\n });\n },\n }\n}\n</script>\n\n<style scoped>\n.nav-bar{\n background-color:#f53b57;\n color: #fff;\n height: 44px;\n}\n.back{\n margin-top: 5px;\n}\n\n.content{\n margin-top: 40px;\n height: 40px;\n width: 100%;\n background-color: #fff;\n}\n\n.btn{\n float: right;\n margin-right: 30px;\n background-color: #f53b57;\n border: 1px solid #f53b57;\n \n}\n</style>"]}]} |