5修改了信息列表样式
<style>
*{box-sizing:border-box}
.mapp{width:270;height:400;border:1px solid;}
.mapp .ahome .ahwlf{border:1px solid;height:87%}
.mapp .ahome .ahbtn{border:1px solid;height:13%}
.mapp .ahome .ahbtn button{width:25%;height:100%}
.mapp .ahome .ahw{height:87%} .mapp .ahome .ahwlf .tb{height:13%;border:1px solid;}.mapp .ahome .ahwlf .tb .crtv{background:None;border:None;height:100%}
.mapp .ahome .ahwlf .wx{height:87%;border:1px solid;} .mapp .ahome .ahwlf .lxr{} .mapp .ahome .ahwlf .fx{}.mapp .ahome .ahwlf .wx .meslb{padding:3;border-bottom:1px solid #aaa}.mapp .ahome .ahwlf .wx .meslb .xx{background:None;border:None;text-align:left;font-size:10;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapp .ahome .ahwlf .wx .meslb .tx{height:45;width:45}.mapp .ahome .ahwlf .wx .meslb .mzxx{vertical-align:middle;width:80%;height:auto;border:0px solid;display:inline-block}.mapp .ahome .ahwlf .wx .meslb .mz{background:None;border:None;} .mapp .adhk{}.mapp .adhk .tv{border:1px solid;height:12%}.mapp .adhk .tv button{height:100%}.mapp .adhk .bv *{height:100%}.mapp .adhk .mesv{overflow:scroll;border:1px solid;height:78%}.mapp .adhk .bv{border:1px solid;height:10%}.mapp .adhk .mesv .df{border:0px solid;}.mapp .adhk .mesv .tbox{padding:5;vertical-align:top;width:70%;border:0px solid;display:inline-block}.mapp .adhk .mesv .text{padding:8;border:1px solid;display:inline-block}.mapp .adhk .mesv .tx{width:45;height:45}.mapp .adhk .mesv .me{direction:rtl}.mapp .adhk .mesv .me .text{direction:ltr;text-align:right}
</style>
<body></body>
<script>
var mlxrs=['罗华','萝卜','曾宇','刁杰','青菜']
var mxxs=[{ty:'df',n:'罗华',m:'吃饭没'},{ty:'df',n:'青菜',m:'你在哪?'},{ty:'df',n:'罗华',m:'来我家玩游戏,夏天的时候回来了吗方法论坛大地震局长大衣服的时候有时间'}]
var vctl={},dcemt=function(n){return document.createElement(n)};
function wcstart(){document.body.append(appf())}wcstart()
function appf(){var mapp=dcemt('div');vctl.mapp=mapp;mapp.className='mapp';mapp.append(ahomef(),adhkf());return mapp}
function ahomef(){var ahome=dcemt('div');vctl.ahome=ahome;ahome.className='ahome';ahome.append(ahwlff(),ahwf(),ahbtnf());return ahome}
function adhkf(){let fs01=1,adhk=dcemt('div'),tv=dcemt('div'),mesv=dcemt('div'),bv=dcemt('div'),bbtn=dcemt('button'),py=dcemt('button'),inp=dcemt('input'),fsbtn=dcemt('button');
adhk.className='adhk';tv.className='tv';mesv.className='mesv';bv.className='bv';
bbtn.innerHTML='返回';py.innerHTML='H';fsbtn.innerHTML='发送'
adhk.cmv=0
vctl.adhk=adhk;disoff(adhk);tv.append(bbtn,py);bv.append(inp,fsbtn);adhk.append(tv,mesv,bv);
bbtn.onclick=function(){adhk.cmv.remove();disoff(adhk);dison(vctl.ahome);}
fsbtn.onclick=function(){let xx={ty:'me',m:inp.value,n:'我'};if(xx.m==''){xx.m='自动,我吃饭去了';fs01=0}else{};if(fs01){inp.value='';adhk.cmv.append( mesf(xx) )} }
inp.oninput=function(){if(inp.value==''){fs01=0}else{fs01=1}}
adhk.setmesv=function(v){py.innerHTML=v.n;adhk.cmv=v;mesv.append(v)}
return adhk}
function ahwlff(){let ahwlf=dcemt('div');ahwlf.className='ahwlf';let tb=ahwlf_tbf(),wx=ahwlf_wxf(),lxr=ahwlf_lxrf(),fx=ahwlf_fxf();ahwlf.append(tb,wx,lxr,fx);ahwlf.crtv=wx;vctl.ahwlf=ahwlf;ahwlf.scrtvtext=function(n){disoff(ahwlf.crtv);switch(n){case '微信':ahwlf.crtv=wx;dison(wx);break;case '联系人':ahwlf.crtv=lxr;dison(lxr);;break;case '发现':ahwlf.crtv=fx;dison(fx);;break;case '微信':;break;};tb.crtv.innerHTML=n};return ahwlf}
function ahwf(){let ahw=dcemt('div');vctl.ahw=ahw;ahw.innerHTML='我';ahw.className='ahw';ahw.style.display='None';return ahw}
function ahbtnf(){var ahbtn=dcemt('div'),bwx=dcemt('button'),blxr=dcemt('button'),bfx=dcemt('button'),bw=dcemt('button'); ahbtn.className='ahbtn';bwx.innerHTML='微信';blxr.innerHTML='联系人';bfx.innerHTML='发现';bw.innerHTML='我';bwx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};blxr.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bfx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bw.onclick=function(){disoff(vctl.ahwlf);dison(vctl.ahw)};ahbtn.append(bwx,blxr,bfx,bw);return ahbtn}
function ahwlf_tbf(){let tb=dcemt('div'),crtv=dcemt('button');tb.crtv=crtv;crtv.innerHTML='微信';crtv.className='crtv';tb.className='tb';tb.append(crtv);return tb}
function ahwlf_wxf(){let wx=dcemt('div');vctl.wx=wx;wx.innerHTML='';wx.className='wx';return wx}
function ahwlf_lxrf(){let lxr=dcemt('div');vctl.lxr=lxr;lxr.innerHTML='LXR';disoff(lxr);lxr.className='lxr';return lxr}
function ahwlf_fxf(){let fx=dcemt('div');fx.innerHTML='FX';disoff(fx);fx.className='fx';return fx}
for(let a in mlxrs){vctl.lxr.append(lxrlbf(mlxrs[a]));}
for(let a in mxxs){mdcenter(mxxs[a])}
function mdcenter(mo){function lxrisinwx(n){let wxc=vctl.wx.children;for(let a in wxc){if(wxc[a].n==n){return wxc[a]}} return false}; var llb=lxrisinwx(mo.n);if(!llb){let meslb=meslbf(mo);vctl.wx.append(meslb);meslb.xxck.append( mesf(mo) )}else{llb.setxx( mo )} }
function lxrlbf(m){let lxrlb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button');lxrlb.className='lxrlb';tx.innerHTML='H';mz.innerHTML=m;lxrlb.append(tx,mz);return lxrlb}
function meslbf(mo){let meslb=dcemt('div'),tx=dcemt('button'),mzxx=dcemt('div'),mz=dcemt('button'),xx=dcemt('button'),xxck=dcemt('div');meslb.className='meslb';mzxx.className='mzxx';tx.className='tx';mz.className='mz';xx.className='xx';tx.innerHTML='🙉';mz.innerHTML=mo.n;xx.innerHTML=mo.m;meslb.n=mo.n;xxck.n=mo.n;meslb.xxck=xxck;meslb.setxx=function(mo){xxck.append( mesf(mo) );xx.innerHTML=mo.m};meslb.onclick=function(){disoff(vctl.ahome);vctl.adhk.setmesv(xxck);dison(vctl.adhk);};mzxx.append(mz,xx);meslb.append(tx,mzxx);return meslb}
function mesf(m){let mes=dcemt('div'),tx=dcemt('button'),tbox=dcemt('div'),text=dcemt('div');mes.className=m.ty;tx.className='tx';tbox.className='tbox';text.className='text';tx.innerHTML='🙈';text.innerHTML=m.m;tbox.append(text);mes.append(tx,tbox);return mes}
function dison(emt){emt.style.display=''};function disoff(emt){emt.style.display='None'}
</script>
4
<style>
*{box-sizing:border-box}
.mapp{width:270;height:400;border:1px solid;}
.mapp .ahome .ahwlf{border:1px solid;height:87%}
.mapp .ahome .ahbtn{border:1px solid;height:13%}
.mapp .ahome .ahbtn button{width:25%;height:100%}
.mapp .ahome .ahw{height:87%} .mapp .ahome .ahwlf .tb{border:1px solid;}
.mapp .ahome .ahwlf .wx{} .mapp .ahome .ahwlf .lxr{} .mapp .ahome .ahwlf .fx{}.mapp .ahome .ahwlf .wx .meslb{border:1px solid red}.mapp .ahome .ahwlf .wx .meslb .xx{width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapp .ahome .ahwlf .wx .meslb .tx{height:45}.mapp .adhk{}.mapp .adhk .tv{border:1px solid;height:12%}.mapp .adhk .tv button{height:100%}.mapp .adhk .bv *{height:100%}.mapp .adhk .mesv{overflow:scroll;border:1px solid;height:78%}.mapp .adhk .bv{border:1px solid;height:10%}.mapp .adhk .mesv .df{border:0px solid;}.mapp .adhk .mesv .tbox{padding:5;vertical-align:top;width:70%;border:0px solid;display:inline-block}.mapp .adhk .mesv .text{padding:8;border:1px solid;display:inline-block}.mapp .adhk .mesv .tx{width:45;height:45}.mapp .adhk .mesv .me{direction:rtl}.mapp .adhk .mesv .me .text{direction:ltr;text-align:right}
</style>
<body></body>
<script>
var mlxrs=['罗华','萝卜','曾宇','刁杰','青菜']
var mxxs=[{ty:'df',n:'罗华',m:'吃饭没'},{ty:'df',n:'青菜',m:'你在哪?'},{ty:'df',n:'罗华',m:'来我家玩游戏,夏天的时候回来了吗方法论坛大地震局长大衣服的时候有时间'}]
var vctl={},dcemt=function(n){return document.createElement(n)};
function wcstart(){document.body.append(appf())}wcstart()
function appf(){var mapp=dcemt('div');vctl.mapp=mapp;mapp.className='mapp';mapp.append(ahomef(),adhkf());return mapp}
function ahomef(){var ahome=dcemt('div');vctl.ahome=ahome;ahome.className='ahome';ahome.append(ahwlff(),ahwf(),ahbtnf());return ahome}
function adhkf(){let fs01=1,adhk=dcemt('div'),tv=dcemt('div'),mesv=dcemt('div'),bv=dcemt('div'),bbtn=dcemt('button'),py=dcemt('button'),inp=dcemt('input'),fsbtn=dcemt('button');
adhk.className='adhk';tv.className='tv';mesv.className='mesv';bv.className='bv';
bbtn.innerHTML='返回';py.innerHTML='H';fsbtn.innerHTML='发送'
adhk.cmv=0
vctl.adhk=adhk;disoff(adhk);tv.append(bbtn,py);bv.append(inp,fsbtn);adhk.append(tv,mesv,bv);
bbtn.onclick=function(){adhk.cmv.remove();disoff(adhk);dison(vctl.ahome);}
fsbtn.onclick=function(){let xx={ty:'me',m:inp.value,n:'我'};if(xx.m==''){xx.m='自动,我吃饭去了';fs01=0}else{};if(fs01){inp.value='';adhk.cmv.append( mesf(xx) )} }
inp.oninput=function(){if(inp.value==''){fs01=0}else{fs01=1}}
adhk.setmesv=function(v){py.innerHTML=v.n;adhk.cmv=v;mesv.append(v)}
return adhk}
function ahwlff(){let ahwlf=dcemt('div');ahwlf.className='ahwlf';let tb=ahwlf_tbf(),wx=ahwlf_wxf(),lxr=ahwlf_lxrf(),fx=ahwlf_fxf();ahwlf.append(tb,wx,lxr,fx);ahwlf.crtv=wx;vctl.ahwlf=ahwlf;ahwlf.scrtvtext=function(n){disoff(ahwlf.crtv);switch(n){case '微信':ahwlf.crtv=wx;dison(wx);break;case '联系人':ahwlf.crtv=lxr;dison(lxr);;break;case '发现':ahwlf.crtv=fx;dison(fx);;break;case '微信':;break;};tb.crtv.innerHTML=n};return ahwlf}
function ahwf(){let ahw=dcemt('div');vctl.ahw=ahw;ahw.innerHTML='我';ahw.className='ahw';ahw.style.display='None';return ahw}
function ahbtnf(){var ahbtn=dcemt('div'),bwx=dcemt('button'),blxr=dcemt('button'),bfx=dcemt('button'),bw=dcemt('button'); ahbtn.className='ahbtn';bwx.innerHTML='微信';blxr.innerHTML='联系人';bfx.innerHTML='发现';bw.innerHTML='我';bwx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};blxr.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bfx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bw.onclick=function(){disoff(vctl.ahwlf);dison(vctl.ahw)};ahbtn.append(bwx,blxr,bfx,bw);return ahbtn}
function ahwlf_tbf(){let tb=dcemt('div'),crtv=dcemt('button');tb.crtv=crtv;crtv.innerHTML='微信';tb.className='tb';tb.append(crtv);return tb}
function ahwlf_wxf(){let wx=dcemt('div');vctl.wx=wx;wx.innerHTML='WX';wx.className='wx';return wx}
function ahwlf_lxrf(){let lxr=dcemt('div');vctl.lxr=lxr;lxr.innerHTML='LXR';disoff(lxr);lxr.className='lxr';return lxr}
function ahwlf_fxf(){let fx=dcemt('div');fx.innerHTML='FX';disoff(fx);fx.className='fx';return fx}
for(let a in mlxrs){vctl.lxr.append(lxrlbf(mlxrs[a]));}
for(let a in mxxs){mdcenter(mxxs[a])}
function mdcenter(mo){function lxrisinwx(n){let wxc=vctl.wx.children;for(let a in wxc){if(wxc[a].n==n){return wxc[a]}} return false}; var llb=lxrisinwx(mo.n);if(!llb){let meslb=meslbf(mo);vctl.wx.append(meslb);meslb.xxck.append( mesf(mo) )}else{llb.setxx( mo )} }
function lxrlbf(m){let lxrlb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button');lxrlb.className='lxrlb';tx.innerHTML='H';mz.innerHTML=m;lxrlb.append(tx,mz);return lxrlb}
function meslbf(mo){let meslb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button'),xx=dcemt('button'),xxck=dcemt('div');meslb.className='meslb';tx.className='tx';xx.className='xx';tx.innerHTML='H';mz.innerHTML=mo.n;xx.innerHTML=mo.m;meslb.n=mo.n;xxck.n=mo.n;meslb.xxck=xxck;meslb.setxx=function(mo){xxck.append( mesf(mo) );xx.innerHTML=mo.m};meslb.onclick=function(){disoff(vctl.ahome);vctl.adhk.setmesv(xxck);dison(vctl.adhk);};meslb.append(tx,mz,xx);return meslb}
function mesf(m){let mes=dcemt('div'),tx=dcemt('button'),tbox=dcemt('div'),text=dcemt('div');mes.className=m.ty;tx.className='tx';tbox.className='tbox';text.className='text';tx.innerHTML='🙈';text.innerHTML=m.m;tbox.append(text);mes.append(tx,tbox);return mes}
function dison(emt){emt.style.display=''};function disoff(emt){emt.style.display='None'}
</script>
3
<style>
*{box-sizing:border-box}
.mapp{width:270;height:400;border:1px solid;}
.mapp .ahome .ahwlf{border:1px solid;height:87%}
.mapp .ahome .ahbtn{border:1px solid;height:13%}
.mapp .ahome .ahbtn button{width:25%;height:100%}
.mapp .ahome .ahw{height:87%} .mapp .ahome .ahwlf .tb{border:1px solid;}
.mapp .ahome .ahwlf .wx{} .mapp .ahome .ahwlf .lxr{} .mapp .ahome .ahwlf .fx{}.mapp .ahome .ahwlf .wx .meslb{border:1px solid red}.mapp .adhk{}.mapp .adhk .tv{border:1px solid;height:12%}.mapp .adhk .mesv{border:1px solid;height:78%}.mapp .adhk .bv{border:1px solid;height:10%}.mapp .adhk .mesv .df{border:1px solid;}.mapp .adhk .mesv .tbox{display:inline-block}.mapp .adhk .mesv .me{direction:rtl}.mapp .adhk .mesv .me .text{direction:ltr}
</style>
<body></body>
<script>
var mlxrs=['罗华','萝卜','曾宇','刁杰','青菜']
var mxxs=[{ty:'df',n:'罗华',m:'吃饭没'},{ty:'df',n:'青菜',m:'你在哪?'},{ty:'df',n:'罗华',m:'来我家玩游戏'}]
var vctl={}
var dcemt=function(n){return document.createElement(n)};
function wcstart(){document.body.append(appf())}wcstart()
function appf(){var mapp=dcemt('div');vctl.mapp=mapp;mapp.className='mapp';mapp.append(ahomef(),adhkf());return mapp}
function ahomef(){var ahome=dcemt('div');vctl.ahome=ahome;ahome.className='ahome';ahome.append(ahwlff(),ahwf(),ahbtnf());return ahome}
function adhkf(){let fs01=1,adhk=dcemt('div'),tv=dcemt('div'),mesv=dcemt('div'),bv=dcemt('div'),bbtn=dcemt('button'),py=dcemt('button'),inp=dcemt('input'),fsbtn=dcemt('button');
adhk.className='adhk';tv.className='tv';mesv.className='mesv';bv.className='bv';
bbtn.innerHTML='返回';py.innerHTML='H';fsbtn.innerHTML='发送'
adhk.cmv=0
vctl.adhk=adhk;disoff(adhk);tv.append(bbtn,py);bv.append(inp,fsbtn);adhk.append(tv,mesv,bv);
bbtn.onclick=function(){adhk.cmv.remove();disoff(adhk);dison(vctl.ahome);}
fsbtn.onclick=function(){let xx={ty:'me',m:inp.value,n:'我'};if(xx.m==''){xx.m='自动,我吃饭去了';fs01=0}else{};if(fs01){inp.value='';adhk.cmv.append( mesf(xx) )} }
inp.oninput=function(){if(inp.value==''){fs01=0}else{fs01=1}}
adhk.setmesv=function(v){py.innerHTML=v.n;adhk.cmv=v;mesv.append(v)}
return adhk}
function ahwlff(){let ahwlf=dcemt('div');ahwlf.className='ahwlf';let tb=ahwlf_tbf(),wx=ahwlf_wxf(),lxr=ahwlf_lxrf(),fx=ahwlf_fxf();ahwlf.append(tb,wx,lxr,fx);ahwlf.crtv=wx;vctl.ahwlf=ahwlf;ahwlf.scrtvtext=function(n){disoff(ahwlf.crtv);switch(n){case '微信':ahwlf.crtv=wx;dison(wx);break;case '联系人':ahwlf.crtv=lxr;dison(lxr);;break;case '发现':ahwlf.crtv=fx;dison(fx);;break;case '微信':;break;};tb.crtv.innerHTML=n};return ahwlf}
function ahwf(){let ahw=dcemt('div');vctl.ahw=ahw;ahw.innerHTML='我';ahw.className='ahw';ahw.style.display='None';return ahw}
function ahbtnf(){var ahbtn=dcemt('div'),bwx=dcemt('button'),blxr=dcemt('button'),bfx=dcemt('button'),bw=dcemt('button'); ahbtn.className='ahbtn';bwx.innerHTML='微信';blxr.innerHTML='联系人';bfx.innerHTML='发现';bw.innerHTML='我';bwx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};blxr.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bfx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bw.onclick=function(){disoff(vctl.ahwlf);dison(vctl.ahw)};ahbtn.append(bwx,blxr,bfx,bw);return ahbtn}
function ahwlf_tbf(){let tb=dcemt('div'),crtv=dcemt('button');tb.crtv=crtv;crtv.innerHTML='微信';tb.className='tb';tb.append(crtv);return tb}
function ahwlf_wxf(){let wx=dcemt('div');vctl.wx=wx;wx.innerHTML='WX';wx.className='wx';return wx}
function ahwlf_lxrf(){let lxr=dcemt('div');vctl.lxr=lxr;lxr.innerHTML='LXR';disoff(lxr);lxr.className='lxr';return lxr}
function ahwlf_fxf(){let fx=dcemt('div');fx.innerHTML='FX';disoff(fx);fx.className='fx';return fx}
for(let a in mlxrs){vctl.lxr.append(lxrlbf(mlxrs[a]));}
for(let a in mxxs){mdcenter(mxxs[a])}
function mdcenter(mo){function lxrisinwx(n){let wxc=vctl.wx.children;for(let a in wxc){if(wxc[a].n==n){return wxc[a]}} return false}; var llb=lxrisinwx(mo.n);if(!llb){let meslb=meslbf(mo);vctl.wx.append(meslb);meslb.xxck.append( mesf(mo) )}else{llb.setxx( mo )} }
function lxrlbf(m){let lxrlb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button');lxrlb.className='lxrlb';tx.innerHTML='H';mz.innerHTML=m;lxrlb.append(tx,mz);return lxrlb}
function meslbf(mo){let meslb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button'),xx=dcemt('button'),xxck=dcemt('div');meslb.className='meslb';tx.innerHTML='H';mz.innerHTML=mo.n;xx.innerHTML=mo.m;meslb.n=mo.n;xxck.n=mo.n;meslb.xxck=xxck;meslb.setxx=function(mo){xxck.append( mesf(mo) );xx.innerHTML=mo.m};meslb.onclick=function(){disoff(vctl.ahome);vctl.adhk.setmesv(xxck);dison(vctl.adhk);};meslb.append(tx,mz,xx);return meslb}
function mesf(m){let mes=dcemt('div'),tx=dcemt('button'),tbox=dcemt('div'),text=dcemt('div');mes.className=m.ty;tx.className='tx';tbox.className='tbox';text.className='text';tx.innerHTML='🙈';text.innerHTML=m.m;tbox.append(text);mes.append(tx,tbox);return mes}
function dison(emt){emt.style.display=''};function disoff(emt){emt.style.display='None'}
</script>
2重新构造
<style>
*{box-sizing:border-box}
.mapp{width:270;height:400;border:1px solid;}
.mapp .ahome .ahwlf{border:1px solid;height:87%}
.mapp .ahome .ahbtn{border:1px solid;height:13%}
.mapp .ahome .ahbtn button{width:25%;height:100%}
.mapp .ahome .ahw{height:87%} .mapp .ahome .ahwlf .tb{border:1px solid;}
.mapp .ahome .ahwlf .wx{} .mapp .ahome .ahwlf .lxr{} .mapp .ahome .ahwlf .fx{}
.mapp .ahome .ahwlf .wx .meslb{border:1px solid red}
</style>
<body></body>
<script>
var mlxrs=['罗华','萝卜','曾宇','刁杰','青菜']
var mxxs=[{n:'罗华',m:'吃饭没'},{n:'青菜',m:'你在哪?'},{n:'罗华',m:'来我家玩游戏'}]
var vctl={}
var dcemt=function(n){return document.createElement(n)};
function wcstart(){document.body.append(appf())}wcstart()
function appf(){var mapp=dcemt('div');vctl.mapp=mapp;mapp.className='mapp';mapp.append(ahomef(),adhkf());return mapp}
function ahomef(){var ahome=dcemt('div');vctl.ahome=ahome;ahome.className='ahome';ahome.append(ahwlff(),ahwf(),ahbtnf());return ahome}
function adhkf(){let adhk=dcemt('div');vctl.adhk=adhk;disoff(adhk);adhk.className='adhk';adhk.innerHTML='Adhk';return adhk}
function ahwlff(){let ahwlf=dcemt('div');ahwlf.className='ahwlf';let tb=ahwlf_tbf(),wx=ahwlf_wxf(),lxr=ahwlf_lxrf(),fx=ahwlf_fxf();ahwlf.append(tb,wx,lxr,fx);ahwlf.crtv=wx;vctl.ahwlf=ahwlf;ahwlf.scrtvtext=function(n){disoff(ahwlf.crtv);switch(n){case '微信':ahwlf.crtv=wx;dison(wx);break;case '联系人':ahwlf.crtv=lxr;dison(lxr);;break;case '发现':ahwlf.crtv=fx;dison(fx);;break;case '微信':;break;};tb.crtv.innerHTML=n};return ahwlf}
function ahwf(){let ahw=dcemt('div');vctl.ahw=ahw;ahw.innerHTML='我';ahw.className='ahw';ahw.style.display='None';return ahw}
function ahbtnf(){var ahbtn=dcemt('div'),bwx=dcemt('button'),blxr=dcemt('button'),bfx=dcemt('button'),bw=dcemt('button'); ahbtn.className='ahbtn';bwx.innerHTML='微信';blxr.innerHTML='联系人';bfx.innerHTML='发现';bw.innerHTML='我';bwx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};blxr.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bfx.onclick=function(){disoff(vctl.ahw);dison(vctl.ahwlf);vctl.ahwlf.scrtvtext(this.innerHTML)};bw.onclick=function(){disoff(vctl.ahwlf);dison(vctl.ahw)};ahbtn.append(bwx,blxr,bfx,bw);return ahbtn}
function ahwlf_tbf(){let tb=dcemt('div'),crtv=dcemt('button');tb.crtv=crtv;crtv.innerHTML='微信';tb.className='tb';tb.append(crtv);return tb}
function ahwlf_wxf(){let wx=dcemt('div');vctl.wx=wx;wx.innerHTML='WX';wx.className='wx';return wx}
function ahwlf_lxrf(){let lxr=dcemt('div');vctl.lxr=lxr;lxr.innerHTML='LXR';disoff(lxr);lxr.className='lxr';return lxr}
function ahwlf_fxf(){let fx=dcemt('div');fx.innerHTML='FX';disoff(fx);fx.className='fx';return fx}
for(let a in mlxrs){vctl.lxr.append(lxrlbf(mlxrs[a]));}
for(let a in mxxs){mdcenter(mxxs[a])}
function mdcenter(mo){function lxrisinwx(n){let wxc=vctl.wx.children;for(let a in wxc){if(wxc[a].n==n){return wxc[a]}} return false}; var llb=lxrisinwx(mo.n);if(!llb){let meslb=meslbf(mo);vctl.wx.append(meslb);meslb.xxck.append(mo.m)}else{llb.setxx(mo.m)} }
function lxrlbf(m){let lxrlb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button');lxrlb.className='lxrlb';tx.innerHTML='H';mz.innerHTML=m;lxrlb.append(tx,mz);return lxrlb}
function meslbf(mo){let meslb=dcemt('div'),tx=dcemt('button'),mz=dcemt('button'),xx=dcemt('button'),xxck=dcemt('div');meslb.className='meslb';tx.innerHTML='H';mz.innerHTML=mo.n;xx.innerHTML=mo.m;meslb.n=mo.n;meslb.xxck=xxck;meslb.setxx=function(n){xxck.append(n);xx.innerHTML=n};meslb.onclick=function(){disoff(vctl.ahome);dison(vctl.adhk);};meslb.append(tx,mz,xx,xxck);return meslb}
function dison(emt){emt.style.display=''};function disoff(emt){emt.style.display='None'}
</script>