2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{d as V,r as u,c as j,w as t,a as $,i as S,f as d,g as i,_ as E,ac as N,ai as T,j as z,k as e,l as A,ad as L,m as o,u as r,ae as _,s as U,v as B,aE as w,x as I}from"./index-B-O76M86.js";import{_ as M}from"./wd-img.St7DZ4lX.js";import{_ as O}from"./wd-upload.DrRquIch.js";const P="https://www.mocky.io/v2/5cc8019d300000980a055e76",D=V({__name:"profile",setup(R){const m=S("OSS"),n=u(!1),v=u([]),p=u(!1),x=u(""),c={handleChange:g=>{console.log("🚀 ~ e:",g)},handleSaveNickname:()=>{if(!x.value){w.info("请输入昵称");return}w.info("昵称修改成功")},handleToEditMobile:()=>{B({url:"/pages/login/mobile?type=edit&userId=123"})},handleLogout:()=>{}};return(g,a)=>{const y=L,l=A,C=d(i("wd-img"),M),k=d(i("wd-upload"),O),f=d(i("wd-icon"),E),h=d(i("wd-input"),N),b=d(i("wd-popup"),T),F=$("layout-default-uni");return z(),j(F,null,{default:t(()=>[e(l,{class:""},{default:t(()=>[e(l,{class:""},{default:t(()=>[e(y,{title:"个人信息","custom-class":"!bg-[#F6F7F8]"})]),_:1}),e(l,{class:"bg-white rounded-16rpx mt-20rpx mx-30rpx px-30rpx py-32rpx"},{default:t(()=>[e(l,{class:"flex justify-between items-center mb-54rpx"},{default:t(()=>[e(l,{class:"font-400 text-[#303133] text-30rpx leading-42rpx"},{default:t(()=>[o("头像")]),_:1}),e(l,{class:"flex justify-end"},{default:t(()=>[e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"mr-10rpx"},{default:t(()=>[e(k,{"file-list":r(v),limit:1,"image-mode":"scaleToFill",action:P},{default:t(()=>[e(C,{width:"64rpx",height:"64rpx",src:`${r(m)}icon/icon_avatar.png`,mode:"aspectFill",round:""},null,8,["src"])]),_:1},8,["file-list"])]),_:1}),e(f,{name:"arrow-right",size:"32rpx",color:"#C0C4CC"})]),_:1})]),_:1})]),_:1}),e(l,{class:"flex justify-between items-center mb-54rpx",onClick:a[0]||(a[0]=s=>p.value=!0)},{default:t(()=>[e(l,{class:"font-400 text-[#303133] text-30rpx leading-42rpx"},{default:t(()=>[o("昵称")]),_:1}),e(l,{class:"flex justify-end"},{default:t(()=>[e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"font-400 text-[#303133] text-30rpx leading-42rpx"},{default:t(()=>[o(" 王小伟 ")]),_:1}),e(l,null,{default:t(()=>[e(f,{name:"arrow-right",size:"32rpx",color:"#C0C4CC"})]),_:1})]),_:1})]),_:1})]),_:1}),e(l,{class:"flex justify-between items-center",onClick:c.handleToEditMobile},{default:t(()=>[e(l,{class:"font-400 text-[#303133] text-30rpx leading-42rpx"},{default:t(()=>[o("修改手机号")]),_:1}),e(l,{class:"flex justify-end"},{default:t(()=>[e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"font-400 text-[#303133] text-30rpx leading-42rpx"},{default:t(()=>[o(" +86 155****5456 ")]),_:1}),e(l,null,{default:t(()=>[e(f,{name:"arrow-right",size:"32rpx",color:"#C0C4CC"})]),_:1})]),_:1})]),_:1})]),_:1},8,["onClick"])]),_:1}),e(l,{class:"bg-white rounded-16rpx mt-144rpx mx-30rpx px-30rpx py-32rpx text-center font-400 text-[#303133] text-30rpx leading-42rpx",onClick:a[1]||(a[1]=s=>n.value=!0)},{default:t(()=>[o(" 退出登录 ")]),_:1}),e(b,{modelValue:r(p),"onUpdate:modelValue":a[4]||(a[4]=s=>_(p)?p.value=s:null),"lock-scroll":"","custom-style":"border-radius: 32rpx 32rpx 0rpx 0rpx;",position:"bottom"},{default:t(()=>[e(l,{class:"relative pb-56rpx"},{default:t(()=>[e(l,{class:"absolute top-18rpx right-30rpx",onClick:a[2]||(a[2]=s=>p.value=!1)},{default:t(()=>[e(C,{width:"60rpx",height:"60rpx",src:`${r(m)}icon/icon_close.png`},null,8,["src"])]),_:1}),e(l,{class:"text-36rpx text-[#121212] leading-50rpx text-center pt-50rpx pb-40rpx"},{default:t(()=>[o("修改昵称")]),_:1}),e(l,{class:"mt-70rpx mx-48rpx"},{default:t(()=>[e(h,{clearable:"",type:"text",placeholder:"请输入昵称",modelValue:r(x),"onUpdate:modelValue":a[3]||(a[3]=s=>_(x)?x.value=s:null),"no-border":"","custom-class":"!bg-[#F6F7F8] !rounded-16rpx !text-30rpx !leading-48rpx","custom-input-class":"!h-104rpx !pl-60rpx"},{prefix:t(()=>[e(l,{class:"ml-30rpx font-bold text-30rpx leading-48rpx text-[#303133]"},{default:t(()=>[o(" 昵称 ")]),_:1})]),_:1},8,["modelValue"])]),_:1}),e(l,{class:"mt-22rpx text-26rpx leading-36rpx text-[#909399] mx-48rpx"},{default:t(()=>[o("昵称限制1-10字符，一个汉字为一个字符")]),_:1}),e(l,{class:U(["mx-48rpx h-90rpx leading-90rpx rounded-8rpx text-center mt-112rpx text-[#fff]",r(x)?"bg-[#4C9F44]":"bg-[#A5CFA1]"]),onClick:c.handleSaveNickname},{default:t(()=>[o("保存")]),_:1},8,["class","onClick"])]),_:1})]),_:1},8,["modelValue"]),e(b,{modelValue:r(n),"onUpdate:modelValue":a[6]||(a[6]=s=>_(n)?n.value=s:null),"lock-scroll":"","custom-style":"border-radius: 32rpx 32rpx 0rpx 0rpx;",position:"bottom"},{default:t(()=>[e(l,{class:"relative pt-54rpx pb-74rpx"},{default:t(()=>[e(l,{class:"text-[#303133] text-36rpx leading-46rpx text-center"},{default:t(()=>[o("您确定要退出该账号吗？")]),_:1}),e(l,{class:"mt-76rpx"},{default:t(()=>[e(l,{class:"bg-[#4C9F44] h-90rpx leading-90rpx mx-60rpx rounded-8rpx text-center text-[#fff]",onClick:c.handleLogout},{default:t(()=>[o(" 退出登录 ")]),_:1},8,["onClick"]),e(l,{class:"bg-[#fff] border-2rpx border-solid border-[#9CA3AF] h-90rpx leading-90rpx mx-60rpx rounded-8rpx text-center text-[#303133] mt-40rpx",onClick:a[5]||(a[5]=s=>n.value=!1)},{default:t(()=>[o(" 取消 ")]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})}}}),J=I(D,[["__scopeId","data-v-7d768f69"]]);export{J as default};
|