This commit is contained in:
2020-09-27 10:40:26 +08:00
3 changed files with 201 additions and 1 deletions

View File

@@ -38,6 +38,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
{{ item }}
@@ -54,6 +55,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
{{ item }}
@@ -79,6 +81,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
{{ item }}
@@ -137,6 +140,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['北京 GMT +08:00']" :key="index" :value="item">
{{ item }}
@@ -150,6 +154,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['人民币']" :key="index" :value="item">
{{ item }}
@@ -163,6 +168,7 @@
style="width: 171px"
size="small"
ref="select"
:getPopupContainer="triggerNode => triggerNode.parentNode"
>
<a-select-option v-for="(item, index) in ['英语', '中文']" :key="index" :value="item">
{{ item }}
@@ -173,12 +179,14 @@
</div>
<div class="submit-btn" @click="submitInfo">保存信息</div>
</div>
<nav-bottom></nav-bottom>
</div>
</template>
<script lang="ts">
import { defineComponent, reactive } from "vue";
import { UserOutlined, SmileOutlined, PlaySquareOutlined } from '@ant-design/icons-vue';
import NavBottom from '@/components/NavBottom.vue';
export default defineComponent({
name: "Archives",
@@ -186,6 +194,7 @@ export default defineComponent({
UserOutlined,
SmileOutlined,
PlaySquareOutlined,
NavBottom
},
setup(){
interface SpeakItem{
@@ -216,13 +225,14 @@ export default defineComponent({
const formData = reactive(formBasic);
/**
* 修改用户名
* @return { void }
*/
function updateUserName (): void {
console.log('修改');
}
/**
* 添加我还会说语言
* @return { void }
*/
function addSpeakLang (): void {
formData.speakLang.push({
@@ -232,6 +242,7 @@ export default defineComponent({
}
/**
* 修改手机号
* @return { void }
*/
function updatePhoneNumber (): void {
console.log('修改手机号');
@@ -239,6 +250,7 @@ export default defineComponent({
}
/**
* 修改密码
* @return { void }
*/
function updateUserPassword(): void {
console.log('修改密码');
@@ -246,11 +258,13 @@ export default defineComponent({
}
/**
* 提交表单
* @return { void }
*/
function submitInfo (): void {
console.log('12');
}
return {
formData,
updateUserName,
@@ -266,20 +280,26 @@ export default defineComponent({
<style lang="scss" scoped>
.archives {
width: 100%;
min-width: 700px;
background-color: #ffffff;
padding: 46px;
border-radius: 17px;
position: relative;
.update-btn {
font-size: 11px;
color: #08AE98;
font-weight: 500;
cursor: pointer;
user-select: none;
}
.user-info {
margin-bottom: 42px;
.avatar {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 30px;
.user-name {
display: flex;
align-items: flex-end;
@@ -322,6 +342,12 @@ export default defineComponent({
border: 1px solid #DCDFE0;
font-size: 11px;
}
.ant-select {
font-size: 12px;
}
.select-down {
font-size: 12px;
}
}
.speak-lang {
.speak-array {
@@ -403,6 +429,8 @@ export default defineComponent({
color: #FFFFFF;
text-align: center;
line-height: 23px;
cursor: pointer;
user-select: none;
}
}
}