attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

little: 小更改

Browse Source
This commit is contained in:
wf 2024-06-23 22:31:13 +08:00
parent 9b108e13e7
commit f6d39c5ba4
2 changed files with 86 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/personal-center/user-settings/components/basic-info.vue
View File

@ -1,5 +1,10 @@
<template> <template>
<div> <a-row align="center" :gutter="[0, 16]">
<a-col :span="24">
<a-card title="基本信息">
<template #extra>
<a-link>修改基本信息</a-link>
</template>
<a-form :model="form" :style="{ width: '600px' }"> <a-form :model="form" :style="{ width: '600px' }">
<a-form-item field="name" label="用户ID"> <a-form-item field="name" label="用户ID">
<a-input v-model="form.name" placeholder="请输入用户昵称" disabled /> <a-input v-model="form.name" placeholder="请输入用户昵称" disabled />
@ -20,13 +25,71 @@
<a-button>提交</a-button> <a-button>提交</a-button>
</a-form-item> </a-form-item>
</a-form> </a-form>
</div> </a-card>
</a-col>
<a-col :span="24">
<a-card title="个性信息">
<template #extra>
<a-link>修改个性信息</a-link>
</template>
<a-form :model="privateForm" layout="horizontal" :label-col-props="{ span: 8 }" :wrapper-col-props="{ span: 16 }">
<a-row :gutter="16">
<a-col :span="8">
<a-form-item field="name" label="我用语雀">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
<a-form-item field="name" label="个性性格">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
<a-form-item field="name" label="职业工作">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
<a-form-item field="name" label="现居城市">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
<a-form-item field="name" label="兴趣爱好">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item field="phone" label="邮箱">
<a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
</a-form-item>
<a-form-item field="phone" label="微信">
<a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
</a-form-item>
<a-form-item field="phone" label="思否">
<a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
</a-form-item>
<a-form-item field="phone" label="掘金">
<a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
</a-form-item>
<a-form-item field="phone" label="gitee">
<a-input v-model="privateForm.name" placeholder="请输入手机号" allow-clear />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item field="name" label="公众号">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
<a-form-item field="name" label="公众号二维码">
<a-input v-model="privateForm.name" placeholder="请输入姓名" allow-clear />
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-card>
</a-col>
</a-row>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
const form = ref({ const form = ref({
name: "" name: ""
}); });
const privateForm = ref({
name: ""
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

2
src/views/personal-center/userinfo/userinfo.vue
View File

@ -37,7 +37,7 @@
<a-image width="100" :src="officialAccount" /> <a-image width="100" :src="officialAccount" />
</a-grid-item> </a-grid-item>
<a-grid-item> <a-grid-item>
<a-image default-scale width="100%" height="220" :src="otherImage" /> <a-image default-scale height="220" :src="otherImage" />
</a-grid-item> </a-grid-item>
<a-grid-item> <a-grid-item>
<div class="title-size-2">✨Hello 朋友们✨</div> <div class="title-size-2">✨Hello 朋友们✨</div>