添加接口

This commit is contained in:
李志鹏
2025-10-23 15:11:24 +08:00
parent ac5abc454d
commit 73525c3803
10 changed files with 378 additions and 129 deletions

View File

@@ -18,7 +18,9 @@
if (!form[item]) return
form[item].edit = false
}
const logout = () => {}
const logout = () => {
router.push({ path: '/' })
}
</script>
<template>
@@ -39,7 +41,7 @@
</svg>
</div>
<div class="profile">
<div class="edit"><SvgIcon name="edit" size="37" /></div>
<!-- <div class="edit"><SvgIcon name="edit" size="37" /></div> -->
</div>
<div class="title">Momo Fashion</div>
<p class="sub">Fashion Design</p>
@@ -53,12 +55,12 @@
v-model="form.name.value"
:readonly="!form.name.edit"
/>
<div class="icon" v-if="form.name.edit" @click.stop="onSaveItem('name')">
<SvgIcon name="confirmation" size="37" />
</div>
<div class="icon" v-else @click="onEditItem('name')">
<SvgIcon name="edit" size="37" />
</div>
<!-- <div class="icon" v-if="form.name.edit" @click.stop="onSaveItem('name')">
<SvgIcon name="confirmation" size="37" />
</div>
<div class="icon" v-else @click="onEditItem('name')">
<SvgIcon name="edit" size="37" />
</div> -->
</label>
<p class="error" v-show="form.name.msg">{{ form.name.msg }}</p>
</div>
@@ -73,12 +75,12 @@
:readonly="!form.email.edit"
required
/>
<div class="icon" v-if="form.email.edit" @click.stop="onSaveItem('email')">
<!-- <div class="icon" v-if="form.email.edit" @click.stop="onSaveItem('email')">
<SvgIcon name="confirmation" size="37" />
</div>
<div class="icon" v-else @click="onEditItem('email')">
<SvgIcon name="edit" size="37" />
</div>
</div> -->
</label>
<p class="error" v-show="form.email.msg">{{ form.email.msg }}</p>
</div>
@@ -94,12 +96,12 @@
v-model="form.password.value"
:readonly="!form.password.edit"
/>
<div class="icon" v-if="form.password.edit" @click.stop="onSaveItem('password')">
<!-- <div class="icon" v-if="form.password.edit" @click.stop="onSaveItem('password')">
<SvgIcon name="confirmation" size="37" />
</div>
<div class="icon" v-else @click="onEditItem('password')">
<SvgIcon name="edit" size="37" />
</div>
</div> -->
</label>
<p class="error" v-show="form.password.msg">{{ form.password.msg }}</p>
</div>
@@ -176,8 +178,16 @@
box-sizing: content-box;
display: flex;
align-items: center;
overflow: hidden;
padding: 0 2.5rem;
> * {
margin-right: 2.5rem;
&:last-child {
margin-right: 0;
}
}
> .icon {
margin: 0 2.5rem;
// margin: 0 2.5rem;
--svg-icon-color: #ababab;
}
> input {