{"id":1812,"date":"2026-09-27T15:58:09","date_gmt":"2026-09-27T07:58:09","guid":{"rendered":"https:\/\/www.zobk.com\/code\/?p=1812"},"modified":"2026-09-27T15:58:09","modified_gmt":"2026-09-27T07:58:09","slug":"%e6%96%b0ui%e6%b5%b7%e5%a4%96%e7%a9%ba%e9%99%8d%e7%b3%bb%e7%bb%9f-%e7%9f%ad%e8%a7%86%e9%a2%91-%e7%ba%a6-%e7%82%ae%e4%bb%bb%e5%8a%a1-%e4%bb%bb%e5%8a%a1%e8%ae%a4%e8%af%81","status":"publish","type":"post","link":"https:\/\/www.zobk.com\/code\/1812.html","title":{"rendered":"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1"},"content":{"rendered":"<p><a href=\"https:\/\/www.zobk.com\/code\/tag\/97\" target=\"_blank\"><a href=\"https:\/\/www.zobk.com\/code\/tag\/32\" target=\"_blank\">\u5168\u65b0<\/a>UI<\/a><a href=\"https:\/\/www.zobk.com\/code\/tag\/83\" target=\"_blank\">\u6d77\u5916<\/a><a href=\"https:\/\/www.zobk.com\/code\/tag\/292\" target=\"_blank\">\u7a7a\u964d<\/a>\u7ea6\/\u70ae<a href=\"https:\/\/www.zobk.com\/code\/tag\/85\" target=\"_blank\">\u7cfb\u7edf<\/a>\uff0c\u524d\u7aef<a href=\"https:\/\/www.zobk.com\/code\/tag\/177\" target=\"_blank\"><a href=\"https:\/\/www.zobk.com\/code\/tag\/12\" target=\"_blank\">VUE<\/a>\u5f00\u53d1<\/a>\uff0c\u540e\u7aefphp<a href=\"https:\/\/www.zobk.com\/code\/tag\/92\" target=\"_blank\">\u5f00\u6e90<\/a>\u5e26<a href=\"https:\/\/www.zobk.com\/code\/tag\/14\" target=\"_blank\">\u6559\u7a0b<\/a><br \/>\n\u524d\u7aef<a href=\"https:\/\/www.zobk.com\/code\/tag\/76\" target=\"_blank\">\u591a\u8bed\u8a00<\/a>\uff0c\u652f\u6301\u5237<a href=\"https:\/\/www.zobk.com\/code\/tag\/19\" target=\"_blank\">\u89c6\u9891<\/a>\uff0c\u76f4\u64ad\u5047\u9875\u9762\uff0c\u6295\u6ce8\u652f\u6301\u9884\u8bbe<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-16867\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/0wXKQz.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"378\" height=\"751\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16868\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/Qz2Lgr.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"753\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16869\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/ZCBh9v.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"375\" height=\"751\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16870\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/LEiop8.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"374\" height=\"751\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16871\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/lEgTxp.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"377\" height=\"750\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16872\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/NDYl5E.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"751\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16873\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/GPvhSA.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"753\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16874\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/GNvQQF.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"374\" height=\"752\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16875\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/9cOSwb.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"378\" height=\"750\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16876\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/FRDKBC.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"750\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16877\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/mlKk8Y.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"751\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16878\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/KZHr1p.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"377\" height=\"748\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16879\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/P6AFCQ.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"752\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16880\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/20li1K.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"376\" height=\"746\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16881\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/wcr6Su.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"375\" height=\"752\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16882\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/UITPEq.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"375\" height=\"753\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16883\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/O4ZGyD.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"375\" height=\"736\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16884\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/uQs6FF.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"373\" height=\"750\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16885\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/eLcbHz.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1683\" height=\"831\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16886\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/PJKoOJ.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1689\" height=\"836\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16887\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/lyJqjE.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1683\" height=\"836\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16888\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/ScL4eT.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1677\" height=\"832\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16889\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/PqCze0.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1673\" height=\"826\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16890\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/PXoGaz.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1688\" height=\"836\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16891\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/QnSFL7.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1672\" height=\"815\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16892\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/LcFpM0.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1670\" height=\"833\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16893\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/kJTuYQ.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1675\" height=\"833\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16894\" src=\"https:\/\/gzlog.oss-cn-beijing.aliyuncs.com\/wp-content\/uploads\/2026\/09\/BqrJT7.png?x-oss-process=style\/code_water\" alt=\"\u65b0UI\u6d77\u5916\u7a7a\u964d\u7cfb\u7edf\/\u77ed\u89c6\u9891\/\u7ea6\/\u70ae\u4efb\u52a1\/\u4efb\u52a1\u8ba4\u8bc1\" width=\"1671\" height=\"838\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5168\u65b0UI\u6d77\u5916\u7a7a\u964d\u7ea6\/\u70ae\u7cfb\u7edf\uff0c\u524d\u7aefVUE\u5f00\u53d1\uff0c\u540e\u7aefphp\u5f00\u6e90\u5e26\u6559\u7a0b \u524d\u7aef\u591a\u8bed\u8a00\uff0c\u652f\u6301\u5237\u89c6\u9891\uff0c\u76f4\u64ad\u5047\u9875\u9762\uff0c\u6295\u6ce8\u652f\u6301 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[12,177,65,32,97,76,92,14,83,292,85,19,10],"topic":[],"class_list":["post-1812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zyym","tag-vue","tag-65","tag-32","tag-ui","tag-76","tag-92","tag-14","tag-83","tag-292","tag-85","tag-19","tag-10"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/posts\/1812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/comments?post=1812"}],"version-history":[{"count":0,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/posts\/1812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/media\/1813"}],"wp:attachment":[{"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/media?parent=1812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/categories?post=1812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/tags?post=1812"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.zobk.com\/code\/wp-json\/wp\/v2\/topic?post=1812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}