Merge branch 'zhy' of http://git.luyuan.tk/luyuan/beelink into xbx
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user