Unicode 引用
++ +
Unicode 是字体在网页端最原始的应用方式,特点是:
+-
+
- 支持按字体的方式去动态调整图标大小,颜色等等。 +
- 默认情况下不支持多色,直接添加多色图标会自动去色。 +
++注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)
+
Unicode 使用步骤如下:
+第一步:拷贝项目下面生成的 @font-face
+@font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.ttf?t=1744876675964') format('truetype');
+}
+
+ 第二步:定义使用 iconfont 的样式
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+ 第三步:挑选相应图标并获取字体编码,应用于页面
+
+<span class="iconfont">3</span>
+
+ ++"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
+
")};return(r,s)=>{const i=An,l=It("router-link"),c=xn;return V(),H("div",Ki,[S("div",Ji,[N(c,null,{default:B(()=>[N(i,{xs:24,sm:24,md:8,lg:8,xl:8},{default:B(()=>s[0]||(s[0]=[S("div",{class:"logo_text"},[S("p",null,"XIAOFA")],-1)])),_:1}),N(i,{xs:6,sm:6,md:8,lg:8,xl:8},{default:B(()=>[S("div",Gi,[s[1]||(s[1]=S("p",null,"关于",-1)),S("ul",null,[(V(!0),H(Fe,null,Je(he(t),a=>(V(),H("li",{key:a.id},[N(l,{to:{name:"about"}},{default:B(()=>[se(Ue(a.title),1)]),_:2},1024)]))),128))])])]),_:1}),N(i,{xs:18,sm:18,md:8,lg:8,xl:8},{default:B(()=>[S("div",Xi,[s[2]||(s[2]=S("p",null,"联系我们",-1)),S("ul",null,[(V(!0),H(Fe,null,Je(he(n),a=>(V(),H("li",{key:a.id},[S("span",null,Ue(a.title),1)]))),128))])])]),_:1})]),_:1})]),S("div",Qi,[S("p",null,[s[3]||(s[3]=se("©桂平发发网络有限公司版权所有 ")),s[4]||(s[4]=S("a",{href:"https://beian.miit.gov.cn",target:"_blank"},"桂ICP备2024040484号-1",-1)),s[5]||(s[5]=se(" ")),s[6]||(s[6]=S("a",{href:"https://beian.miit.gov.cn",target:"_blank"},"经营许可证编号:桂B2-20240661",-1)),s[7]||(s[7]=se(" ")),S("a",{onClick:No(o,["prevent"])},"营业执照")])])])}}}),Zi={key:0,class:"login-box"},ea={class:"login-container"},ta={class:"passwordLogin"},na={class:"login-phone"},oa={class:"login_password"},ra={class:"pic_verifyCode"},sa=["src"],ia=fe({__name:"login",props:{isVisible:{type:Boolean,default:!1}},emits:["close-login-form"],setup(e,{emit:t}){const n=e,o=t,r=$({phoneNumber:"",password:"",captchaCode:""});nt();const s=Bt(),i=$(),l=$(""),c=$(),a=()=>{o("close-login-form")},f=async()=>{i.value=new Date().getTime();const m=await Li({verify_token:i.value});m&&m.status===200?l.value=`https://mall.gpxscs.cn/api/admin/shop/shop-base-config/image?verify_token=${i.value}`:console.log("获取图形验证码失败",m)};(async()=>{await f()})(),Qe(()=>n.isVisible,m=>{m&&f()});const p=$({phoneNumber:[{required:!0,message:"请输入账号",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}],captchaCode:[{required:!0,message:"请输入验证码",trigger:"blur"}]}),h=async()=>{var m;(m=c.value)==null||m.validate(async b=>{if(b){const y={user_account:r.value.phoneNumber,user_password:r.value.password,verify_code:r.value.captchaCode,verify_token:i.value},_=await Ni(y);_&&_.data.status===200?(console.log("登录成功",_),s.setToken(_.data.data.token),s.setMobilePhone(r.value.phoneNumber),window.open(`https://mall.gpxscs.cn/admin/#/login?loginInfo=${JSON.parse(JSON.stringify(_.data.data))}`,"_self"),r.value.phoneNumber="",r.value.password="",r.value.captchaCode="",console.log(_.data.data),a()):_&&_.data.status===250&&_.data.msg=="用户名或密码错误!"?(Te.error("用户名或密码错误!"),console.log("操作失败",_.msg)):_&&_.data.status===250&&_.data.msg=="验证码错误"&&Te.error("验证码错误")}else Te.error("请正确填写登录信息")})};return Ee(()=>{}),Ye(()=>{}),(m,b)=>{const y=Ln,_=Nn,v=Ft,E=Tn;return e.isVisible?(V(),H("div",Zi,[N(E,{model:r.value,rules:p.value,ref_key:"formRef",ref:c,"label-width":"120px","hide-required-asterisk":!0},{default:B(()=>[S("div",ea,[S("div",{class:"login-close",onClick:a}," × "),b[5]||(b[5]=S("h4",null,"登录",-1)),S("div",ta,[S("div",na,[N(_,{label:"账号",prop:"phoneNumber"},{default:B(()=>[N(y,{modelValue:r.value.phoneNumber,"onUpdate:modelValue":b[0]||(b[0]=x=>r.value.phoneNumber=x),placeholder:"请输入账号"},null,8,["modelValue"])]),_:1})]),S("div",oa,[N(_,{label:"密码",prop:"password"},{default:B(()=>[N(y,{type:"password",modelValue:r.value.password,"onUpdate:modelValue":b[1]||(b[1]=x=>r.value.password=x),placeholder:"请输入密码"},null,8,["modelValue"])]),_:1})]),S("div",ra,[N(_,{label:"验证码",prop:"captchaCode"},{default:B(()=>[N(y,{type:"text",modelValue:r.value.captchaCode,"onUpdate:modelValue":b[2]||(b[2]=x=>r.value.captchaCode=x),placeholder:"请输入验证码",maxlength:"4"},null,8,["modelValue"]),S("img",{src:l.value,alt:"验证码",onClick:f},null,8,sa)]),_:1})]),N(v,{type:"primary",onClick:h},{default:B(()=>b[3]||(b[3]=[se("登录")])),_:1}),b[4]||(b[4]=S("p",null,"注:未入驻的账号请开店入驻成功后再继续",-1))])])]),_:1},8,["model","rules"])])):we("",!0)}}}),aa={key:0,class:"register-box"},la={class:"register-container"},ca={class:"verifyAndButton"},ua=["disabled"],fa={key:1,style:{marginLeft:"10px",width:"80px",height:"40px",fontSize:"14px",textAlign:"center",backgroundColor:"gray",cursor:"not-allowed"},disabled:""},da=fe({__name:"register",props:{isVisible:{type:Boolean,default:!1}},emits:["close-register-form"],setup(e,{emit:t}){const n=t,o=$({phoneNumber:"",verificationCode:""}),r=nt(),s=Bt(),i=$(!1),l=$(0);let c;const a=$(),f=()=>{n("close-register-form")},u=async()=>{const y={number:o.value.phoneNumber},_=await Ai(y);if(_&&_.status===200){const v=new Date().getTime()+6e4;localStorage.setItem("Countdown",JSON.stringify(v)),i.value=!0,l.value=60,p()}else console.log("获取失败")},p=()=>{c=setInterval(()=>{l.value>0?l.value--:(clearInterval(c),i.value=!1,localStorage.removeItem("Countdown"))},1e3)},h=async()=>{const y={user_mobile:o.value.phoneNumber,rand_key:o.value.phoneNumber,verify_code:o.value.verificationCode},_=await xi(y);if(_&&_.status===200&&_.data&&_.data.data){s.setToken(_.data.data.token),s.setMobilePhone(o.value.phoneNumber),o.value.phoneNumber="",o.value.verificationCode="",f();try{const v=await Ti();if(v.data.code===0&&v.data.status===200){const E=v.data.data.approval_status;localStorage.setItem("approval_status",E),E=="4"?r.push({name:"start"}):r.push({name:"check"})}}catch(v){console.error("获取审批状态失败:",v)}}else _.data.status===250?Te.error("验证码错误"):(console.log("操作返回的信息",_.data.msg),console.log("hhhhh",_))},m=$({phoneNumber:[{required:!0,message:"请输入手机号",trigger:"blur"},{pattern:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,message:"请输入正确的11位手机号",trigger:"blur"}],verificationCode:[{required:!0,message:"请输入验证码",trigger:"blur"}]}),b=()=>{var y;(y=a.value)==null||y.validate(_=>{_?h():Te.error("请正确填写注册信息!")})};return Ee(()=>{const y=localStorage.getItem("Countdown");if(y){const _=JSON.parse(y),v=new Date().getTime(),E=(_-v)/1e3;E>0?(i.value=!0,l.value=Math.ceil(E),p()):(localStorage.removeItem("Countdown"),i.value=!1)}}),Ye(()=>{c&&clearInterval(c)}),(y,_)=>{const v=Ln,E=Nn,x=Ft,O=Tn;return e.isVisible?(V(),H("div",aa,[N(O,{model:o.value,rules:m.value,ref_key:"formRef",ref:a,"label-width":"120px","hide-required-asterisk":!0},{default:B(()=>[S("div",la,[S("div",{class:"register-close",onClick:f}," × "),_[3]||(_[3]=S("h4",null,"注册",-1)),N(E,{label:"手机号",prop:"phoneNumber"},{default:B(()=>[N(v,{modelValue:o.value.phoneNumber,"onUpdate:modelValue":_[0]||(_[0]=D=>o.value.phoneNumber=D),placeholder:"输入11位手机号",maxlength:"11"},null,8,["modelValue"])]),_:1}),N(E,{label:"验证码",prop:"verificationCode"},{default:B(()=>[S("div",ca,[N(v,{modelValue:o.value.verificationCode,"onUpdate:modelValue":_[1]||(_[1]=D=>o.value.verificationCode=D),placeholder:"输入验证码",style:{flex:"1"},maxlength:"4"},null,8,["modelValue"]),i.value?we("",!0):(V(),H("button",{key:0,type:"button",style:Lo({marginLeft:"10px",width:"80px",height:"40px",fontSize:"14px",textAlign:"center",backgroundColor:o.value.phoneNumber.length===11?"orange":"gray",cursor:o.value.phoneNumber.length===11?"pointer":"not-allowed"}),disabled:o.value.phoneNumber.length!==11,onClick:u},"获取验证码",12,ua)),i.value?(V(),H("button",fa,Ue(l.value)+"秒后重发 ",1)):we("",!0)])]),_:1}),N(x,{type:"primary",onClick:b},{default:B(()=>_[2]||(_[2]=[se("注册")])),_:1}),_[4]||(_[4]=S("p",null,"注:未注册过的手机号将自动注册",-1))])]),_:1},8,["model","rules"])])):we("",!0)}}}),pa="/static/png/xiaofa_logo-CWiFY9kv.png",ha={class:"customer-serve"},ma={class:"phone-popup"},ga={class:"feedback"},ya=fe({__name:"floatingMenu",setup(e){const t=nt(),n=$(!1),o=l=>{t.push({name:l})},r=$(),s=()=>{window.scrollTo({top:0,left:0,behavior:"smooth"})};window.onscroll=function(){(document.documentElement.scrollTop||document.body.scrollTop)>=900?r.value.style.display="block":r.value.style.display="none"};const i=l=>{const c=l.target,a=c.closest(".menu-item-wrapper")||c.closest(".phone-popup")||c.closest(".customer-serve");a||(n.value=!1),a||(n.value=!1)};return Ee(()=>{document.addEventListener("click",i)}),Ye(()=>{document.removeEventListener("click",i)}),(l,c)=>(V(),H("div",{class:"floating-menu-mobile",onClick:i},[S("div",ha,[S("i",{class:"iconfont icon-kefu",onClick:c[0]||(c[0]=a=>n.value=!n.value)}),Io(S("div",ma,c[2]||(c[2]=[S("div",{class:"phone-popup-content"},[S("div",{class:"code"},[S("img",{src:pa,alt:""})]),S("p",null,"电话:17777525395")],-1)]),512),[[Fo,n.value]])]),S("div",ga,[S("i",{class:"iconfont icon-fankui",onClick:c[1]||(c[1]=a=>o("feedback"))})]),S("div",{class:"backToTop",ref_key:"backToTop",ref:r},[S("i",{class:"iconfont icon-huidaodingbu",onClick:s})],512)]))}}),ba=Eo(ya,[["__scopeId","data-v-fca94e34"]]),_a={class:"contain"},va=fe({__name:"App",setup(e){const t=$(!1),n=$(!1);return(o,r)=>{const s=It("router-view");return V(),H(Fe,null,[S("div",null,[N(Wi,{onOpenLoginForm:r[0]||(r[0]=i=>t.value=!0),onOpenRegisterForm:r[1]||(r[1]=i=>n.value=!0)}),S("div",_a,[N(s,{class:"routerView"}),N(ba),N(Yi)])]),N(ia,{isVisible:t.value,onCloseLoginForm:r[2]||(r[2]=i=>t.value=!1)},null,8,["isVisible"]),N(da,{isVisible:n.value,onCloseRegisterForm:r[3]||(r[3]=i=>n.value=!1)},null,8,["isVisible"])],64)}}}),ct=Uo(va),wa=$o();ct.use(wa);ct.use(Yr);ct.use(Bo,{locale:Do});ct.mount("#app");export{Ma as G,pa as _,Eo as a,za as b,Ja as c,Va as d,Ka as e,Ti as g,Ha as m,Wa as r,X as s,qa as t,Bt as u};
diff --git a/dist/static/js/index-C2G_6Q6w.js b/dist/static/js/index-C2G_6Q6w.js
new file mode 100644
index 0000000..1433e52
--- /dev/null
+++ b/dist/static/js/index-C2G_6Q6w.js
@@ -0,0 +1 @@
+import{j as $,r as g,Y as b,x as a,F as p,y as l,z as s,E as C,A as o,I as P,M as _,Z as S,u as m,H as d,_ as q,$ as A,D as B,C as M,K as N,G as L}from"./element-plus-BqRlJpKe.js";import{_ as c,a as R}from"./index-B5N-wgXJ.js";const D={class:"slider"},F={class:"slider-container"},I={class:"slider-container-mobile"},T={class:"counter_wrapper","data-aos":"fade-up"},Z={class:"container"},G={class:"count_box box_hover"},H={class:"count_box box_center"},K={class:"count_box box_hover"},X={class:"count_box box_hover"},Y=$({__name:"slider",setup(v){const n=g(0),i=g(0),e=g(0),r=g(0),k=b(n,{duration:1500}),V=b(i,{duration:1500}),w=b(e,{duration:1500}),E=b(r,{duration:1500});n.value=6274,i.value=62400,e.value=10800,r.value=12e3;const y=f=>`${Math.round(f)}+`,z=f=>`${Math.round(f)}k+`;return(f,t)=>{const u=P,j=C,x=S;return d(),a(p,null,[l("div",D,[l("div",F,[s(j,null,{default:o(()=>[s(u,{xs:12,sm:12,md:12,lg:12,xl:12},{default:o(()=>t[0]||(t[0]=[l("div",{class:"slider-container-left"},[l("div",null,[l("h1",null," 让更多人享受本地美好生活 "),l("p",null,'"小发同城在手,本地生活无忧"')]),l("div",{class:"slider-button"},[l("div",{class:"btn slider-btn service"},[_("APP下载 "),l("div",{class:"qr-code"},[l("img",{src:c,alt:"APP二维码"})])]),l("div",{class:"btn slider-btn active-btn"},[_("关注抖音号 "),l("div",{class:"qr-code"},[l("img",{src:c,alt:"抖音二维码"})])])])],-1)])),_:1}),s(u,{xs:12,sm:12,md:12,lg:12,xl:12},{default:o(()=>t[1]||(t[1]=[l("div",{class:"slider-container-right"},[l("img",{src:c})],-1)])),_:1})]),_:1})]),l("div",I,[s(j,null,{default:o(()=>[s(u,{xs:24,sm:24,md:24,lg:24,xl:24},{default:o(()=>t[2]||(t[2]=[l("div",{class:"mobile-text"},[l("h1",null,"让更多人"),l("h1",null,"享受本地美好生活")],-1)])),_:1}),s(u,{xs:24,sm:24,md:24,lg:24,xl:24},{default:o(()=>t[3]||(t[3]=[l("div",{class:"slider-container-right"},[l("img",{src:c})],-1)])),_:1}),s(u,{xs:24,sm:24,md:24,lg:24,xl:24},{default:o(()=>t[4]||(t[4]=[l("p",null,'"小发同城在手,本地生活无忧"',-1),l("div",{class:"slider-button"},[l("div",{class:"btn slider-btn service"},[_("APP下载 "),l("div",{class:"qr-code"},[l("img",{src:c,alt:"APP二维码"})])]),l("div",{class:"btn slider-btn active-btn"},[_("关注抖音号 "),l("div",{class:"qr-code"},[l("img",{src:c,alt:"抖音二维码"})])])],-1)])),_:1})]),_:1})])]),l("div",T,[l("div",Z,[s(j,{gutter:20},{default:o(()=>[s(u,{xs:12,sm:12,md:12,lg:6,xl:6},{default:o(()=>[l("div",G,[t[5]||(t[5]=l("i",{class:"iconfont icon-employee1"},null,-1)),l("h3",null,[s(x,{value:m(k),formatter:y,"value-style":{fontSize:"35px"}},null,8,["value"])]),t[6]||(t[6]=l("p",null,"商家数量",-1))])]),_:1}),s(u,{xs:12,sm:12,md:12,lg:6,xl:6},{default:o(()=>[l("div",H,[t[7]||(t[7]=l("i",{class:"iconfont icon-baobei"},null,-1)),l("h3",null,[s(x,{value:m(V),formatter:z,"value-style":{fontSize:"35px"}},null,8,["value"])]),t[8]||(t[8]=l("p",null,"商品数量",-1))])]),_:1}),s(u,{xs:12,sm:12,md:12,lg:6,xl:6},{default:o(()=>[l("div",K,[t[9]||(t[9]=l("i",{class:"iconfont icon-vip"},null,-1)),l("h3",null,[s(x,{value:m(w),formatter:y,"value-style":{fontSize:"35px"}},null,8,["value"])]),t[10]||(t[10]=l("p",null,"会员数量",-1))])]),_:1}),s(u,{xs:12,sm:12,md:12,lg:6,xl:6},{default:o(()=>[l("div",X,[t[11]||(t[11]=l("i",{class:"iconfont icon-dingdan"},null,-1)),l("h3",null,[s(x,{value:m(E),formatter:z,"value-style":{fontSize:"35px"}},null,8,["value"])]),t[12]||(t[12]=l("p",null,"订单数量",-1))])]),_:1})]),_:1})])])],64)}}}),J="/static/jpg/serve2-CrdmA4jM.jpg",O="/static/jpg/serve3-BgdR_lSl.jpg",Q="/static/jpg/serve4-BtndRdVx.jpg",U="/static/jpg/serve5-B23PNsaL.jpg",W={class:"banner"},h={class:"banner-list"},ll=$({__name:"banner",setup(v){return(n,i)=>{const e=A,r=q;return d(),a("div",W,[i[4]||(i[4]=l("div",{class:"index-title"},[l("h3",null,"我们致力于"),l("p",null,"让更多人享受美好生活")],-1)),l("div",h,[s(r,null,{default:o(()=>[s(e,null,{default:o(()=>i[0]||(i[0]=[l("img",{src:J,alt:""},null,-1)])),_:1}),s(e,null,{default:o(()=>i[1]||(i[1]=[l("img",{src:O,alt:""},null,-1)])),_:1}),s(e,null,{default:o(()=>i[2]||(i[2]=[l("img",{src:Q,alt:""},null,-1)])),_:1}),s(e,null,{default:o(()=>i[3]||(i[3]=[l("img",{src:U,alt:""},null,-1)])),_:1})]),_:1})])])}}}),sl={class:"service-contain"},tl={class:"service-list"},nl=$({__name:"service",setup(v){let n=[{id:1,title:"同城零售",icon:"iconfont icon-icon-test"},{id:2,title:"企业招聘",icon:"iconfont icon-qiyezhaopin"},{id:3,title:"租赁服务",icon:"iconfont icon-zulinfuwuicon"},{id:4,title:"二手交易",icon:"iconfont icon-ershoujiaoyi"},{id:5,title:"安装维修",icon:"iconfont icon-anzhuangweixiu"},{id:6,title:"家政保洁",icon:"iconfont icon-jiazhengbaojieanbao"}];return(i,e)=>(d(),a(p,null,[l("div",sl,[e[0]||(e[0]=l("div",{class:"index-title"},[l("h3",null,"我们的服务"),l("p",null,"我们拥有专业的团队和丰富的经验,为您解决生活中的各种问题,为您提供便捷、高效、优质的服务。")],-1)),l("div",tl,[l("ul",null,[(d(!0),a(p,null,B(m(n),r=>(d(),a("li",{key:r.id},[l("i",{class:M(`${r.icon}`)},null,2),l("h4",null,N(r.title),1)]))),128))])])]),e[1]||(e[1]=l("div",null,null,-1))],64))}}),ol="/static/jpg/company-Zzkqv4PX.jpg",il={},el={class:"company-detail"},rl={class:"company-introduce"};function ul(v,n){const i=P,e=L("router-link"),r=C;return d(),a(p,null,[n[7]||(n[7]=l("div",{class:"index-title"},[l("h3",null,"公司简介"),l("p",null,"我们是一家专注于同城服务的公司,致力于为同城居民提供便捷、高效、优质的服务。我们拥有专业的团队和丰富的经验,为您解决生活中的各种问题。")],-1)),l("div",el,[s(r,null,{default:o(()=>[s(i,{xs:24,sm:24,md:24,lg:12,xl:12},{default:o(()=>n[0]||(n[0]=[l("img",{src:ol},null,-1)])),_:1}),s(i,{xs:24,sm:24,md:24,lg:12,xl:12},{default:o(()=>[l("div",rl,[n[2]||(n[2]=l("p",null,"小发同城专注于打造本地生活服务平台,我们聚焦同城零售、企业招聘、租赁服务以及二手交易等核心业务,旨在全方位满足您的生活与工作需求。",-1)),n[3]||(n[3]=l("p",null,"在同城零售领域,小发同城凭借先进的技术手段,成功打通超市数据库,给超市提供实现线上线下商品、价格、库存等信息的实时同步。独特价值在于为消费者提供无缝购物体验,让消费者无论是在线上商城浏览下单,还是在实体超市选购商品,都能享受一致的商品选择、价格体系与库存保障市场定位为本地生活服务的创新引领者,致力于解决传统零售线上线下脱节的痛点。",-1)),n[4]||(n[4]=l("p",null,"对于企业招聘,我们搭建了高效的人才对接桥梁,精准匹配企业与求职者需求,助力本地企业广纳贤才,推动地方经济发展。",-1)),n[5]||(n[5]=l("p",null,"在租赁服务方面,涵盖住房、办公场地、设备等多元租赁选项,为您解决生活与经营中的租赁难题。",-1)),n[6]||(n[6]=l("p",null,"在二手交易板块,则为闲置物品提供了流通渠道,让资源得以循环利用,为环保助力。",-1)),s(e,{to:{name:"about"},class:"router-link-button"},{default:o(()=>n[1]||(n[1]=[_("了解更多")])),_:1})])]),_:1})]),_:1})])],64)}const al=R(il,[["render",ul]]),dl={class:"container"},cl={class:"container-bg"},pl=$({__name:"index",setup(v){return(n,i)=>(d(),a(p,null,[s(Y),l("div",dl,[l("div",cl,[s(al),s(ll),s(nl)])])],64))}});export{pl as default};
diff --git a/dist/static/js/start-B7susDH7.js b/dist/static/js/start-B7susDH7.js
new file mode 100644
index 0000000..50a5e2b
--- /dev/null
+++ b/dist/static/js/start-B7susDH7.js
@@ -0,0 +1 @@
+import{j as _e,r as c,a as N,q as me,R as m,x as L,y as f,z as t,A as n,a1 as ce,a2 as pe,T as B,U as I,P as ge,Q as be,a3 as fe,a4 as ve,B as x,K as O,a5 as ye,C as E,a6 as Ve,u as w,a7 as R,a8 as he,a9 as ze,M as D,aa as Ue,F as ke,D as qe,J as G,O as Ce,ab as Ee,L as we,H as v}from"./element-plus-BqRlJpKe.js";import{c as Re}from"./cityData-XsW420PP.js";import{u as Se,G as xe,t as Le,b as De,c as Ge,d as Ae,m as Be}from"./index-B5N-wgXJ.js";const Ie={class:"signUp-container"},Te={class:"steps-container",style:{margin:"20px"}},Fe={class:"form-submit"},Pe={key:0,class:"auto-item"},$e={key:0},Me={key:1},Ne={class:"form-button"},Ke=_e({__name:"start",setup(Oe){const p=c(1),T=c(null),e=N({bank_name:"",bank_branch_name:"",account_number:"",account_holder_name:"",biz_category:null,biz_license_company:"",biz_license_image:"",biz_license_number:"",biz_second_category:null,city_id:null,contact_name:"",county_id:null,entity_type:1,environment_image:"",front_facade_image:"",individual_id_images:"",individual_id_images2:"",individual_id_number:"",legal_person_id_images:"",legal_person_id_images2:"",legal_person_id_number:"",legal_person_mobile:"",legal_person_name:"",license_image:[],license_number:"",license_type:null,login_mobile:localStorage.getItem("mobilePhone"),province_id:null,store_address:"",map_address:"",position:"",store_latitude:null,store_longitude:null,store_name:"",mapAddressLabel:"",license_imageToString:"",user_status:""}),j=N({contact_name:[{required:!0,message:"请输入联系人姓名",trigger:"blur"}],biz_category:[{required:!0,message:"请选择经营品类",trigger:"change"}],store_name:[{required:!0,message:"请输入门店名称",trigger:"blur"}],map_address:[{required:!0,message:"请选择地图地址",trigger:"change"}],position:[{required:!0,message:"请选择地图地址",trigger:"change"}],store_address:[{required:!0,message:"请输入详细地址",trigger:"blur"}],front_facade_image:[{required:!0,message:"请上传门脸图",trigger:"change"}],environment_image:[{required:!0,message:"请上传环境图",trigger:"change"}],entity_type:[{required:!0,message:"请选择身份",trigger:"change"}],license_type:[{required:!0,message:"请选择许可证类型",trigger:"change"}],license_number:[{required:!0,message:"请输入许可证编号",trigger:"blur"}],biz_license_number:[{required:!0,message:"请输入营业执照编号",trigger:"blur"}],biz_license_company:[{required:!0,message:"请输入营业执照公司名",trigger:"blur"}],legal_person_name:[{required:!0,message:"请输入负责人姓名",trigger:"blur"}],legal_person_mobile:[{required:!0,message:"请输入负责人手机号",trigger:"blur"}],legal_person_id_number:[{required:!0,message:"请输入负责人身份证号",trigger:"blur"}],biz_license_image:[{required:!0,message:"请上传营业执照",trigger:"change"}],legal_person_id_images:[{required:!0,message:"请上传负责人身份证正面",trigger:"change"}],legal_person_id_images2:[{required:!0,message:"请上传负责人身份证反面",trigger:"change"}],individual_id_number:[{required:!0,message:"请输入个人身份证号",trigger:"blur"}],individual_id_images:[{required:!0,message:"请上传个人身份证正面",trigger:"change"}],individual_id_images2:[{required:!0,message:"请上传个人身份证反面",trigger:"change"}],bank_name:[{required:!0,message:"请选择银行",trigger:"change"}],account_number:[{required:!0,message:"请输入收款账户号码",trigger:"blur"}],account_holder_name:[{required:!0,message:"请输入账户姓名",trigger:"blur"}]}),J=async()=>{await T.value.validate(l=>l)?console.log("可以通过"):m.error("请完善当前页面的表单信息")},H=()=>{p.value<3&&(p.value++,window.scrollTo({top:0,left:0,behavior:"smooth"}))},K=()=>{p.value>1&&(p.value--,window.scrollTo({top:0,left:0,behavior:"smooth"}))},y=(o,l)=>{const r={front_facade_image:"门脸图",environment_image:"环境图",biz_license_image:"营业执照",license_image:"许可证",legal_person_id_images:"负责人身份证正面",legal_person_id_images2:"负责人身份证反面",individual_id_images:"个人身份证正面",individual_id_images2:"个人身份证反面"};if(o==="license_image")return`${r[o]}(${e[o].length}/${l})`;{const u=e[o]?1:0;return`${r[o]}(${u}/${l})`}};Se();const Q=()=>{e.license_imageToString=e.license_image.map(o=>`${o}`).join(",")},W=async()=>{Q(),J();const o=await Be(e);o&&o.data.status===200?(location.reload(),console.log("成功入驻",o)):(console.log(o.data),m.error(o.data.msg))};c([]),c([]);const X=()=>{const{provinceData:o,cityData:l,areaData:r}=Re;return o.map((u,d)=>({...u,children:l[d].map((g,S)=>{const b={...g};return r[d]&&r[d][S]&&(b.children=r[d][S]),b})}))},F=c([]),P=c(X()),Y=c(),Z=c();c({value:"value",label:"label",children:"children",expandTrigger:"hover"});const ee=o=>{if(o&&o.length===2){const[l,r]=o;e.biz_category=l,e.biz_second_category=r}},$=c([]);me(()=>{xe().then(o=>{o.data.code===0&&o.data.status===200&&(F.value=Le(o.data.data))}).catch(o=>{m.error("获取店铺分类失败")}),De().then(o=>{o.data.code===0&&o.data.status===200?$.value=o.data.data:m.error("获取银行失败")}).catch(o=>{m.error("获取银行失败")}),Ge().then(o=>{o.data.code===0&&o.data.status===200?(Y.value=o.data.data,console.log(Z.value)):m.error("获取银行失败")}).catch(o=>{m.error("获取银行失败")})});const ae=o=>{if(o&&o.length===3){const[l,r,u]=o;e.province_id=l,e.city_id=r,e.county_id=u;const d=P.value.flatMap(g=>g.children).find(g=>g.value===r),i=(d==null?void 0:d.label)||"";e.mapAddressLabel=i}},le=c([]),oe=async(o,l)=>{if(!o){l([]);return}try{const r={query:o,region:e.mapAddressLabel,city_limit:!0,ret_coordtype:"gcj02ll"},u=await Ae(r);if(console.log("这是response",u),u.status===200&&u.data.message==="ok"){const d=u.data.result.filter(i=>"location"in i).map(i=>{var g,S;return{value:i.name,label:i.name,name:i.name,address:i.address||"",lat:((g=i.location)==null?void 0:g.lat)||"",lng:((S=i.location)==null?void 0:S.lng)||""}});l(d)}else m.error("搜索失败"),l([])}catch{m.error("搜索失败"),l([])}},te=o=>{e.position=o.value,console.log(o.value),e.store_latitude=o.lat,e.store_longitude=o.lng},V=o=>{const l=o.type==="image/jpeg",r=o.type==="image/png",u=o.size/1024/1024<2;return!l&&!r?(m.error("上传的图片必须是JPG或PNG格式!"),!1):u?!0:(m.error("上传的图片大小不能超过2MB!"),!1)},h=c("https://mall.gpxscs.cn/mobile/shop/oss/upload"),z=(o,l,r)=>{if(r==="license_image"){const u=o.url;e[r]=e[r].filter(d=>d!==u)}else e[r]=""},U=o=>{const r={license_image:5}[o]||1;return o==="license_image"?e[o].length>=r:e[o]!==""&&e[o]!=null},ne=(o,l)=>{m.warning("最多只能上传5张图片")},k=(o,l,r,u)=>{o&&o.status===200&&o.code===0?o.data&&o.data.url?(l.url=o.data.url,u==="license_image"?e[u].push(l.url):e[u]=l.url):m.error("文件上传成功,但未返回文件 URL"):m.error(o.msg||"文件上传失败")},q=(o,l)=>{m.error("文件上传失败")},ie=()=>{e.entity_type===1?(e.individual_id_number="",e.individual_id_images="",e.individual_id_images2=""):e.entity_type===2&&(e.license_type=null,e.license_number="",e.biz_license_number="",e.biz_license_company="",e.legal_person_name="",e.legal_person_mobile="",e.legal_person_id_number="",e.biz_license_image="",e.license_image=[],e.legal_person_id_images="",e.legal_person_id_images2="")};return(o,l)=>{const r=ce,u=pe,d=be,i=ge,g=fe,S=ve,b=Ve,C=ye,M=ze,se=he,re=Ee,de=Ue,ue=Ce,A=we;return v(),L("div",Ie,[l[28]||(l[28]=f("h1",null,"免费开店",-1)),f("div",Te,[t(u,{active:p.value,"finish-status":"success","align-center":""},{default:n(()=>[t(r,{title:"第一步:填写店铺信息"}),t(r,{title:"第二步:填写资质信息"}),t(r,{title:"第三步:填写收款信息"})]),_:1},8,["active"])]),f("div",Fe,[t(ue,{model:e,rules:j,ref_key:"formRef",ref:T,"label-width":"120px",style:{"max-width":"600px"}},{default:n(()=>[B(f("div",null,[t(i,{label:"联系人",prop:"contact_name"},{default:n(()=>[t(d,{modelValue:e.contact_name,"onUpdate:modelValue":l[0]||(l[0]=a=>e.contact_name=a),placeholder:"请输入联系人姓名"},null,8,["modelValue"])]),_:1}),t(i,{label:"联系电话",prop:"login_mobile"},{default:n(()=>[t(d,{modelValue:e.login_mobile,"onUpdate:modelValue":l[1]||(l[1]=a=>e.login_mobile=a),placeholder:"请输入联系人电话",disabled:""},null,8,["modelValue"])]),_:1}),t(i,{label:"经营品类",prop:"biz_category"},{default:n(()=>[t(g,{modelValue:e.biz_category,"onUpdate:modelValue":l[2]||(l[2]=a=>e.biz_category=a),options:F.value,placeholder:"请选择经营品类","show-all-levels":!1,onChange:ee,clearable:""},null,8,["modelValue","options"])]),_:1}),t(i,{label:"门店名称",prop:"store_name"},{default:n(()=>[t(d,{modelValue:e.store_name,"onUpdate:modelValue":l[3]||(l[3]=a=>e.store_name=a),placeholder:"请输入门店名称"},null,8,["modelValue"])]),_:1}),t(i,{label:"地图地址",prop:"map_address"},{default:n(()=>[t(g,{modelValue:e.map_address,"onUpdate:modelValue":l[4]||(l[4]=a=>e.map_address=a),options:P.value,onChange:ae},null,8,["modelValue","options"])]),_:1}),t(i,{label:"搜索定位",prop:"position"},{default:n(()=>[t(S,{modelValue:e.position,"onUpdate:modelValue":l[5]||(l[5]=a=>e.position=a),"fetch-suggestions":oe,"value-key":"value",options:le.value,onSelect:te},{default:n(({item:a})=>[a?(v(),L("div",Pe,[f("div",null,[f("p",null,O(a.name),1)]),f("div",null,[f("span",null,O(a.address),1)])])):x("",!0)]),_:1},8,["modelValue","options"])]),_:1}),t(i,{label:"详细地址",prop:"store_address"},{default:n(()=>[t(d,{modelValue:e.store_address,"onUpdate:modelValue":l[6]||(l[6]=a=>e.store_address=a),placeholder:"请输入详细地址"},null,8,["modelValue"])]),_:1}),t(i,{label:y("front_facade_image",1),prop:"front_facade_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.front_facade_image,"onUpdate:modelValue":l[7]||(l[7]=a=>e.front_facade_image=a),"on-remove":(a,s)=>z(a,s,"front_facade_image"),"on-success":(a,s,_)=>k(a,s,_,"front_facade_image"),"on-error":q,"on-exceed":ne,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("front_facade_image")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("environment_image",1),prop:"environment_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.environment_image,"onUpdate:modelValue":l[8]||(l[8]=a=>e.environment_image=a),"on-remove":(a,s)=>z(a,s,"environment_image"),"on-success":(a,s,_)=>k(a,s,_,"environment_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("environment_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])],512),[[I,p.value===1]]),B(f("div",null,[t(i,{label:"选择身份",prop:"entity_type"},{default:n(()=>[t(se,{modelValue:e.entity_type,"onUpdate:modelValue":l[9]||(l[9]=a=>e.entity_type=a),onChange:ie},{default:n(()=>[t(M,{value:1},{default:n(()=>l[23]||(l[23]=[D("企业")])),_:1}),t(M,{value:2},{default:n(()=>l[24]||(l[24]=[D("个人")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.entity_type===1?(v(),L("div",$e,[t(i,{label:"完整公司名称",prop:"biz_license_company"},{default:n(()=>[t(d,{modelValue:e.biz_license_company,"onUpdate:modelValue":l[10]||(l[10]=a=>e.biz_license_company=a),placeholder:"请输入营业执照公司名"},null,8,["modelValue"])]),_:1}),t(i,{label:"负责人姓名",prop:"legal_person_name"},{default:n(()=>[t(d,{modelValue:e.legal_person_name,"onUpdate:modelValue":l[11]||(l[11]=a=>e.legal_person_name=a),placeholder:"请输入负责人姓名"},null,8,["modelValue"])]),_:1}),t(i,{label:y("biz_license_image",1),prop:"biz_license_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.biz_license_image,"onUpdate:modelValue":l[12]||(l[12]=a=>e.biz_license_image=a),"on-remove":(a,s)=>z(a,s,"biz_license_image"),"on-success":(a,s,_)=>k(a,s,_,"biz_license_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("biz_license_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("license_image",5),prop:"license_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:5,"list-type":"picture-card","auto-upload":!0,modelValue:e.license_image,"onUpdate:modelValue":l[13]||(l[13]=a=>e.license_image=a),"on-remove":(a,s)=>z(a,s,"license_image"),"on-success":(a,s,_)=>k(a,s,_,"license_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("license_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("legal_person_id_images",1),prop:"legal_person_id_images"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.legal_person_id_images,"onUpdate:modelValue":l[14]||(l[14]=a=>e.legal_person_id_images=a),"on-remove":(a,s)=>z(a,s,"legal_person_id_images"),"on-success":(a,s,_)=>k(a,s,_,"legal_person_id_images"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("legal_person_id_images")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("legal_person_id_images2",1),prop:"legal_person_id_images2"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.legal_person_id_images2,"onUpdate:modelValue":l[15]||(l[15]=a=>e.legal_person_id_images2=a),"on-remove":(a,s)=>z(a,s,"legal_person_id_images2"),"on-success":(a,s,_)=>k(a,s,_,"legal_person_id_images2"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("legal_person_id_images2")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])])):x("",!0),e.entity_type===2?(v(),L("div",Me,[t(i,{label:"个人身份证号",prop:"individual_id_number"},{default:n(()=>[t(d,{modelValue:e.individual_id_number,"onUpdate:modelValue":l[16]||(l[16]=a=>e.individual_id_number=a),placeholder:"请输入个人身份证号"},null,8,["modelValue"])]),_:1}),t(i,{label:y("individual_id_images",1),prop:"individual_id_images"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.individual_id_images,"onUpdate:modelValue":l[17]||(l[17]=a=>e.individual_id_images=a),"on-remove":(a,s)=>z(a,s,"individual_id_images"),"on-success":(a,s,_)=>k(a,s,_,"individual_id_images"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("individual_id_images")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("individual_id_images2",1),prop:"individual_id_images2"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.individual_id_images2,"onUpdate:modelValue":l[18]||(l[18]=a=>e.individual_id_images2=a),"on-remove":(a,s)=>z(a,s,"individual_id_images2"),"on-success":(a,s,_)=>k(a,s,_,"individual_id_images2"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("individual_id_images2")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])])):x("",!0)],512),[[I,p.value===2]]),B(f("div",null,[t(i,{label:"账户姓名",prop:"account_holder_name"},{default:n(()=>[t(d,{modelValue:e.account_holder_name,"onUpdate:modelValue":l[19]||(l[19]=a=>e.account_holder_name=a)},null,8,["modelValue"])]),_:1}),t(i,{label:"收款账户号码",prop:"account_number"},{default:n(()=>[t(d,{modelValue:e.account_number,"onUpdate:modelValue":l[20]||(l[20]=a=>e.account_number=a)},null,8,["modelValue"])]),_:1}),t(i,{label:"开户银行",prop:"bank_name"},{default:n(()=>[t(de,{modelValue:e.bank_name,"onUpdate:modelValue":l[21]||(l[21]=a=>e.bank_name=a),placeholder:"请选择银行",size:"large",style:{width:"240px"}},{default:n(()=>[(v(!0),L(ke,null,qe($.value,a=>(v(),G(re,{key:a.id,label:a.bank_name,value:a.bank_name},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),t(i,{label:"支行名称",prop:"bank_branch_name"},{default:n(()=>[t(d,{modelValue:e.bank_branch_name,"onUpdate:modelValue":l[22]||(l[22]=a=>e.bank_branch_name=a)},null,8,["modelValue"])]),_:1})],512),[[I,p.value===3]])]),_:1},8,["model","rules"]),f("div",Ne,[p.value>1?(v(),G(A,{key:0,style:{"margin-top":"12px"},onClick:K,class:"custom-button"},{default:n(()=>l[25]||(l[25]=[D("上一步")])),_:1})):x("",!0),p.value<3?(v(),G(A,{key:1,style:{"margin-top":"12px",float:"right"},onClick:H,class:"custom-button"},{default:n(()=>l[26]||(l[26]=[D("下一步")])),_:1})):x("",!0),p.value===3?(v(),G(A,{key:2,style:{"margin-top":"12px",float:"right"},onClick:W,class:"custom-button"},{default:n(()=>l[27]||(l[27]=[D("提交")])),_:1})):x("",!0)])])])}}});export{Ke as default};
diff --git a/dist/static/png/help_temp-BLQ8f-Sb.png b/dist/static/png/help_temp-BLQ8f-Sb.png
new file mode 100644
index 0000000..1df79b4
Binary files /dev/null and b/dist/static/png/help_temp-BLQ8f-Sb.png differ
diff --git a/dist/static/png/slider-bg-shape-E1wbLUgd.png b/dist/static/png/slider-bg-shape-E1wbLUgd.png
new file mode 100644
index 0000000..d3f5130
Binary files /dev/null and b/dist/static/png/slider-bg-shape-E1wbLUgd.png differ
diff --git a/dist/static/png/xiaofa_logo-CWiFY9kv.png b/dist/static/png/xiaofa_logo-CWiFY9kv.png
new file mode 100644
index 0000000..354a04c
Binary files /dev/null and b/dist/static/png/xiaofa_logo-CWiFY9kv.png differ
diff --git a/dist/static/ttf/iconfont-B5DLCOAl.ttf b/dist/static/ttf/iconfont-B5DLCOAl.ttf
new file mode 100644
index 0000000..61b15f6
Binary files /dev/null and b/dist/static/ttf/iconfont-B5DLCOAl.ttf differ
diff --git a/dist/xiaofa-font/demo.css b/dist/xiaofa-font/demo.css
new file mode 100644
index 0000000..a67054a
--- /dev/null
+++ b/dist/xiaofa-font/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+ font-family: "iconfont logo";
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+ font-family: "iconfont logo";
+ font-size: 160px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+ position: relative;
+}
+
+.nav-tabs .nav-more {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ height: 42px;
+ line-height: 42px;
+ color: #666;
+}
+
+#tabs {
+ border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+ cursor: pointer;
+ width: 100px;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ font-size: 16px;
+ border-bottom: 2px solid transparent;
+ position: relative;
+ z-index: 1;
+ margin-bottom: -1px;
+ color: #666;
+}
+
+
+#tabs .active {
+ border-bottom-color: #f00;
+ color: #222;
+}
+
+.tab-container .content {
+ display: none;
+}
+
+/* 页面布局 */
+.main {
+ padding: 30px 100px;
+ width: 960px;
+ margin: 0 auto;
+}
+
+.main .logo {
+ color: #333;
+ text-align: left;
+ margin-bottom: 30px;
+ line-height: 1;
+ height: 110px;
+ margin-top: -50px;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.main .logo a {
+ font-size: 160px;
+ color: #333;
+}
+
+.helps {
+ margin-top: 40px;
+}
+
+.helps pre {
+ padding: 20px;
+ margin: 10px 0;
+ border: solid 1px #e7e1cd;
+ background-color: #fffdef;
+ overflow: auto;
+}
+
+.icon_lists {
+ width: 100% !important;
+ overflow: hidden;
+ *zoom: 1;
+}
+
+.icon_lists li {
+ width: 100px;
+ margin-bottom: 10px;
+ margin-right: 20px;
+ text-align: center;
+ list-style: none !important;
+ cursor: default;
+}
+
+.icon_lists li .code-name {
+ line-height: 1.2;
+}
+
+.icon_lists .icon {
+ display: block;
+ height: 100px;
+ line-height: 100px;
+ font-size: 42px;
+ margin: 10px auto;
+ color: #333;
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
+ transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+ font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+ /* 通过设置 font-size 来改变图标大小 */
+ width: 1em;
+ /* 图标和文字相邻时,垂直对齐 */
+ vertical-align: -0.15em;
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
+ fill: currentColor;
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+ normalize.css 中也包含这行 */
+ overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+ color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+ color: #666;
+ font-size: 14px;
+ line-height: 1.8;
+}
+
+.highlight {
+ line-height: 1.5;
+}
+
+.markdown img {
+ vertical-align: middle;
+ max-width: 100%;
+}
+
+.markdown h1 {
+ color: #404040;
+ font-weight: 500;
+ line-height: 40px;
+ margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ color: #404040;
+ margin: 1.6em 0 0.6em 0;
+ font-weight: 500;
+ clear: both;
+}
+
+.markdown h1 {
+ font-size: 28px;
+}
+
+.markdown h2 {
+ font-size: 22px;
+}
+
+.markdown h3 {
+ font-size: 16px;
+}
+
+.markdown h4 {
+ font-size: 14px;
+}
+
+.markdown h5 {
+ font-size: 12px;
+}
+
+.markdown h6 {
+ font-size: 12px;
+}
+
+.markdown hr {
+ height: 1px;
+ border: 0;
+ background: #e9e9e9;
+ margin: 16px 0;
+ clear: both;
+}
+
+.markdown p {
+ margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+ width: 80%;
+}
+
+.markdown ul>li {
+ list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+ margin: 0.6em 0;
+}
+
+.markdown ol>li {
+ list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+ margin-left: 20px;
+ padding-left: 4px;
+}
+
+.markdown code {
+ margin: 0 3px;
+ padding: 0 5px;
+ background: #eee;
+ border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+ font-weight: 600;
+}
+
+.markdown>table {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ empty-cells: show;
+ border: 1px solid #e9e9e9;
+ width: 95%;
+ margin-bottom: 24px;
+}
+
+.markdown>table th {
+ white-space: nowrap;
+ color: #333;
+ font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+ border: 1px solid #e9e9e9;
+ padding: 8px 16px;
+ text-align: left;
+}
+
+.markdown>table th {
+ background: #F7F7F7;
+}
+
+.markdown blockquote {
+ font-size: 90%;
+ color: #999;
+ border-left: 4px solid #e9e9e9;
+ padding-left: 0.8em;
+ margin: 1em 0;
+}
+
+.markdown blockquote p {
+ margin: 0;
+}
+
+.markdown .anchor {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ margin-left: 8px;
+}
+
+.markdown .waiting {
+ color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+ opacity: 1;
+ display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+ clear: both;
+}
+
+
+.hljs {
+ display: block;
+ background: white;
+ padding: 0.5em;
+ color: #333333;
+ overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: black;
+ background: none;
+ text-shadow: 0 1px white;
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+ text-shadow: none;
+ background: #b3d4fc;
+}
+
+@media print {
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ text-shadow: none;
+ }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+ background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #999;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ color: #9a6e3a;
+ background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ color: #07a;
+}
+
+.token.function,
+.token.class-name {
+ color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ color: #e90;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
diff --git a/dist/xiaofa-font/demo_index.html b/dist/xiaofa-font/demo_index.html
new file mode 100644
index 0000000..276050f
--- /dev/null
+++ b/dist/xiaofa-font/demo_index.html
@@ -0,0 +1,644 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+