完成适配移动端

This commit is contained in:
2025-03-01 10:52:11 +08:00
parent 1f79c93859
commit 8d19a58e9d
68 changed files with 2117 additions and 847 deletions

View File

@@ -1,16 +1,16 @@
<template>
<div class="xl:w-screen-xl m-auto py-4 my-20">
<div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-20">
<el-page-header :icon="ArrowLeft" @back="goBack">
<template #content>
<span class="text-large font-600"> 修改资料 </span>
</template>
<div class="login-layout mt-10 sm:w-screen-xl w-full">
<div class="m-auto flex sm:flex-row flex-col sm:px-0 px-3">
<div class="m-auto flex sm:flex-row flex-col sm:px-0">
<div class="flash bg-white rounded-lg w-full">
<div class="lg:w-screen-lg w-full sm:px-4 sm:py-4 mb-10 mt-4">
<el-form :model="form" label-width="auto" size="large" label-position="top">
<el-row :gutter="24">
<el-col :span="7">
<el-col :span="8" :xs="24">
<el-form-item label="上传头像" class="px-4">
<el-upload
v-model:file-list="avatar"
@@ -31,7 +31,7 @@
</el-upload>
</el-form-item>
</el-col>
<el-col :span="16">
<el-col :span="16" :xs="24">
<el-form-item label="手机号码" class="px-4">
<el-input disabled v-model="form.mobile"/>
</el-form-item>