{"id":274,"date":"2016-10-07T11:18:29","date_gmt":"2016-10-07T03:18:29","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=274"},"modified":"2016-10-07T11:18:29","modified_gmt":"2016-10-07T03:18:29","slug":"%e3%80%90css%e5%85%ac%e7%94%a8%e5%ba%93%e3%80%91%e5%bc%b9%e7%aa%97","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=274","title":{"rendered":"\u3010css\u516c\u7528\u5e93\u3011\u5f39\u7a97"},"content":{"rendered":"

css<\/p><\/blockquote>\n

\/*===========================================\u5f39\u51fa\u8868\u5355\u5f0f\u5f39\u7a97*\/\n.popur-bg{\/*\u6e10\u53d8\u80cc\u666f*\/\n\twidth:100%;\n\theight:100%;\n\tposition:fixed;\n\ttop:0;\n\tleft:0;\n\tbackground:rgba(0,0,0,.2);\n\ttransition: all 0.4s ease-in-out 0s;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.popur-bg:hover{\n\tbackground:rgba(0,0,0,.4);\n}\n.popur-form{\/*\u8868\u6846\u5916\u5f62*\/\n\twidth:80%;\n\theight:70%;\n\tbackground:#fff;\n\tdisplay: flex;\n\tflex-flow:column nowrap;\n\talign-items:center;\n    justify-content: space-between;\n}\n.popur-form:hover {\/*\u8868\u6846\u5916\u5f62*\/\n    box-sizing: inherit;\n}\n.popur-form-m{\n\tmax-height:70%;\n}\n.popur-form-sm{\n\tmin-height:150px;\n}\n.popur-form-lg{\n\twidth:100%;\n\theight:100%;\n}\n.popur-form-lg .popur-form-body{\n\tmax-height:80% !important;\n}\n.popur-form-title{\n\tline-height:40px;\n\tfont-size:18px;\n\twidth:80%;\n\ttext-align:center;\n\tborder-bottom:1px solid #2ABBAE;\n\tmargin-bottom:10px;\n}\n.popur-form-body{\n\twidth:100%;\n\tmax-height:70%;\n\tdisplay:flex;\n\tflex-grow:2;\n    flex-flow: column nowrap;\n    align-items: center;\n    overflow-y:auto;\n}\n.popur-form-body p{\n\tcolor:#999;\n}\n.p-f-b-tr{\n\twidth:80%;\n\tdisplay:flex;\n    flex-flow: column nowrap;\n    flex:none;\n}\n.p-f-b-tr > p{\n\twidth: 100%;\n    text-align: center;\n    margin: 3px 0;\n    display:flex;\n    align-items:center;\n    font-size:0.6em;\n}\n.p-f-b-tr > :not(p){\n\twidth:100%;\n}\n.p-f-b-tr [type=text],.p-f-b-tr [type=number]{\n\tborder:none;\n\tborder-bottom:1px solid #838da5;\n}\n.popur-form-footer{\n\tmargin:10px 0;\n\twidth:100%;\n\tdisplay:flex;\n\tjustify-content:space-around;\n\tflex-shrink:0\n}<\/pre>\n
 <\/p>\n
js<\/p><\/blockquote>\n
\/*===========================================\u901a\u7528\u5f39\u7a97-\u8868\u5355\u578b(\u9700\u8981printf)*\/\n\/*var trans={\"t_id\":[\"\u7cfb\u7edfID\",\"text\"],\n\t\t\t           \"t_loginname\":[\"\u7528\u6237\u540d\",\"input\"],\n\t\t\t           \"t_password\":[\"\u5bc6\u7801\",\"input\"],\n\t\t\t           \"t_name\":[\"\u59d3\u540d\",\"input\"],\n\t\t\t           \"t_tel\":[\"\u624b\u673a\u53f7\u7801\",\"input\"],\n\t\t\t           \"t_email\":[\"E-mail\",\"input\"],\n\t\t\t           \"t_status\":[\"\u8d26\u53f7\u72b6\u6001\",\"switch\"],\n\t\t\t           \"t_note\":[\"Note\",\"input\"],\n\t\t\t           \"t_last_login_time\":[\"\u4e0a\u6b21\u767b\u9646\u65f6\u95f4\",\"text\"],\n\t\t\t           \"t_login_ip\":[\"IP\",\"text\"]\n\n\t\t\t           };\n\t\t\tvar Jalert_body_str=\"\";\n\t\t\tvar Jalert_body=datacache.map(function(e,index){\n\t\t\t\tif(e['t_id']==itid){\n\t\t\t\t\tfor(var value in trans){\n\t\t\t\t\t\tvar filter = (e[value]==null)?\"\":e[value];\n\t\t\t\t\t\tJalert_body_str+=Jtable_td(trans[value][1],trans[value][0],value,filter,roleSelectArr);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tvar Jalert_footer=\n\t\t\t\t\"<button type='button' class='xbtn xbtn-white' onclick='Jalert_close(this)'>\"+\n\t\t\t\t\t\"\u5173\u95ed\"+\n\t\t\t\t\"<\/button>\";\n\t\t\t$(\"body\").append(Jalert('\u8be6\u60c5',Jalert_body_str,Jalert_footer,'m'));\n * *\/\nvar pupur_str=(\"<div class='popur-bg'>\"+\n\t\"<div class='popur-form popur-form-{3}'>\"+\n\t\t\"<div class='popur-form-title'>{0}<\/div>\"+\n\t\t\"<div class='popur-form-body'>\"+\n\t\t\"{1}\"+\n\t\t\"<\/div>\"+\n\t\t\"<div class='popur-form-footer'>\"+\n\t\t\t\"{2}\"+\n\t\t\"<\/div>\"+\n\t\"<\/div>\"+\n\"<\/div>\");\nfunction Jalert(tit,body,foot,type){\n\ttype=(typeof(type)==\"undefined\")?\"m\":type;\n\n\treturn printf(pupur_str,tit,body,foot,type);\n\n}\nfunction Jalert_close(even){\n\t$(\".popur-bg\").remove();\n\t$(\"body\").css(\"overflow\",\"auto\");\n}\nfunction BodyNoScoller(){\n\tdocument.querySelector('.popur-bg').addEventListener('touchmove',function(e){\n        document.body.style.overflow = 'hidden';\n    },false);\n}\n\/*===========================================\u8868\u683c\u5185\u5bb9\u751f\u6210*\/\nfunction Jtable_td(type,title,envalue,value,addition){\n\tvar con;\n\tvar value=(value==\"\"||value==null||typeof(value)==\"undefined\")?\" \":value;\n\tswitch (type){\n\tcase \"select\":\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\"<select name='\"+envalue+\"' class='\"+envalue+\"'>\";\n\t\tfor(var jvalue in addition){\n\t\t\tcon+=(\"<option rowx_index='\"+jvalue+\"' \"+\n\t\t\t\t\t((addition[jvalue]==envalue)?\"selected\":\"\")+\">\"+\n\t\t\t\t\taddition[jvalue]+\n\t\t\t\t\t\"<\/option>\");\n\t\t}\n\t\tcon+=\"<\/select><\/div>\"\n\t\tbreak;\n\tcase \"input\":\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\t\"<input type='text' name='\"+envalue+\"' class='\"+envalue+\"' value='\"+value+\"'><\/div>\";\n\t\tbreak;\n\tcase \"number\":\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\"<input type='number' name='\"+envalue+\"' class='\"+envalue+\"' value='\"+value+\"'><\/div>\";\n\t\tbreak;\n\tcase \"textarea\":\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\"<textarea  class='\"+envalue+\"' name='\"+envalue+\"' value='\"+value+\"'><\/textarea><\/div>\";\n\t\tbreak;\n\tcase \"switch\":\n\t\tvalue=(value==\"\")?\"1\":value;\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\"<p>\"+\n\t\t\"<button class='switch \"+((value==1)?\"switch-on\":\"\")+\" \"+envalue+\"' statu='\"+value+\"' onclick='switch_change(this)'>\"+\n\t\t\"<i class='switch-btn'><\/i><p>\"+((value==1)?\"\u6b63\u5e38\":\"\u5173\u95ed\")+\"<\/p>\"+\n\t\t\"<\/button><\/p><\/div>\"\n\t\tbreak;\n\tdefault:\n\t\tcon=\"<div class='p-f-b-tr'>\"+\n\t\t\t\"<p>\"+title+\"<\/p>\"+\n\t\t\t\"<span class='\"+envalue+\"' name='\"+envalue+\"'>\"+value+\"<\/span><\/div>\"\n\t\tbreak;\n\t}\n\n\treturn con;\n};\n\/*===========================================\u7b80\u5355\u5b9e\u73b0printf\u529f\u80fd*\/\nfunction printf() {\n  var num = arguments.length;\n  var oStr = arguments[0];\n  for (var i = 1; i < num; i++) {\n    var pattern = \"\\\\{\" + (i-1) + \"\\\\}\";\n    var re = new RegExp(pattern, \"g\");\n    oStr = oStr.replace(re, arguments[i]);\n  }\n  return oStr;\n}\n<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
css \/*===========================================\u5f39\u51fa\u8868\u5355\u5f0f\u5f39 … \u7ee7\u7eed\u9605\u8bfb\u3010css\u516c\u7528\u5e93\u3011\u5f39\u7a97<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/274"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=274"}],"version-history":[{"count":1,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/274\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/274\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}