{"id":722,"date":"2018-02-25T20:33:06","date_gmt":"2018-02-25T12:33:06","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/25\/ionic-%e6%8c%89%e9%92%ae\/"},"modified":"2018-02-25T20:33:06","modified_gmt":"2018-02-25T12:33:06","slug":"ionic-%e6%8c%89%e9%92%ae","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=722","title":{"rendered":"ionic \u6309\u94ae"},"content":{"rendered":"
\n
\n

ionic \u6309\u94ae<\/h1>\n

\u6309\u94ae\u662f\u79fb\u52a8app\u4e0d\u53ef\u6216\u7f3a\u7684\u4e00\u90e8\u5206\uff0c\u4e0d\u540c\u98ce\u683c\u7684app\uff0c\u9700\u8981\u7684\u4e0d\u540c\u6309\u94ae\u7684\u6837\u5f0f\u3002<\/p>\n

\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u6309\u94ae\u663e\u793a\u6837\u5f0f\u4e3a\uff1adisplay: inline-block<\/b>\u3002<\/p>\n

\n<button class=\"button\">\n  Default\n<\/button>\n\n<button class=\"button button-light\">\n  button-light\n<\/button>\n\n<button class=\"button button-stable\">\n  button-stable\n<\/button>\n\n<button class=\"button button-positive\">\n  button-positive\n<\/button>\n\n<button class=\"button button-calm\">\n  button-calm\n<\/button>\n\n<button class=\"button button-balanced\">\n  button-balanced\n<\/button>\n\n<button class=\"button button-energized\">\n  button-energized\n<\/button>\n\n<button class=\"button button-assertive\">\n  button-assertive\n<\/button>\n\n<button class=\"button button-royal\">\n  button-royal\n<\/button>\n\n<button class=\"button button-dark\">\n  button-dark\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
button-block \u6837\u5f0f\u6309\u94ae\u663e\u793a\u4e3a\uff1adisplay: block<\/b>\uff0c\u5b83\u5c06\u5b8c\u5168\u586b\u5145\u7236\u5143\u7d20\u7684\u5bbd\u5ea6\uff0c\u5305\u542b\u4e86\u5185\u8fb9\u8ddd\u5c5e\u6027padding\u3002<\/p>\n
\n<button class=\"button button-block button-positive\">\n  Block Button\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\u4f7f\u7528 button-full \u7c7b\uff0c\u53ef\u4ee5\u8ba9\u6309\u94ae\u663e\u793a\u5b8c\u5168\u5bbd\u5ea6\uff0c\u4e14\u4e0d\u5305\u542b\u5185\u8fb9\u8dddpadding\u3002<\/p>\n
\n<button class=\"button button-full button-positive\">\n  Full Width Block Button\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u4e0d\u540c\u5927\u5c0f\u7684\u6309\u94ae<\/h2>\n
button-large \u8bbe\u7f6e\u4e3a\u5927\u6309\u94ae\uff0cbutton-small \u8bbe\u7f6e\u4e3a\u5c0f\u6309\u94ae\u3002<\/p>\n
\n<button class=\"button button-small button-assertive\">\n  Small Button\n<\/button>\n<button class=\"button button-large button-positive\">\n  Large Button\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u65e0\u80cc\u666f\u6309\u94ae<\/h2>\n
button-outline \u8bbe\u7f6e\u80cc\u666f\u4e3a\u900f\u660e\u3002<\/p>\n
\n<button class=\"button button-outline button-positive\">\n  Outlined Button\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u65e0\u80cc\u666f\u4e0e\u8fb9\u6846\u6309\u94ae<\/h2>\n
button-clear \u8bbe\u7f6e\u6309\u94ae\u80cc\u666f\u4e3a\u900f\u660e\uff0c\u4e14\u65e0\u8fb9\u6846\u3002<\/p>\n
\n<button class=\"button button-clear button-positive\">\n  Clear Button\n<\/button>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u56fe\u6807\u6309\u94ae<\/h2>\n
\u6211\u4eec\u53ef\u4ee5\u5728\u6309\u94ae\u4e0a\u6dfb\u52a0\u56fe\u6807\u3002<\/p>\n
\n<button class=\"button icon-left ion-home\">Home<\/button>\n\n<button class=\"button icon-left ion-star button-positive\">Favorites<\/button>\n\n<a class=\"button icon-right ion-chevron-right button-calm\">Learn More<\/a>\n\n<a class=\"button icon-left ion-chevron-left button-clear button-dark\">Back<\/a>\n\n<button class=\"button icon ion-gear-a\"><\/button>\n\n<a class=\"button button-icon icon ion-settings\"><\/a>\n\n<a class=\"button button-outline icon-right ion-navicon button-balanced\">Reorder<\/a>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u5934\u90e8\/\u5e95\u90e8\u6dfb\u52a0\u6309\u94ae<\/h2>\n
\n\u5934\u90e8\/\u5e95\u90e8\u53ef\u4ee5\u6dfb\u52a0\u6309\u94ae\uff0c\u6309\u94ae\u7684\u6837\u5f0f\u6839\u636e\u5934\u90e8\/\u5e95\u90e8\u6765\u8bbe\u5b9a\uff0c\u6240\u4ee5\u4f60\u4e0d\u9700\u8981\u4e3a\u6309\u94ae\u6dfb\u52a0\u989d\u5916\u7684\u6837\u5f0f\u3002<\/p>\n
\n<div class=\"bar bar-header\">\n  <button class=\"button icon ion-navicon\"><\/button>\n  <h1 class=\"title\">Header Buttons<\/h1>\n  <button class=\"button\">Edit<\/button>\n<\/div>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
button-clear \u7c7b\u53ef\u4ee5\u8bbe\u7f6e\u65e0\u80cc\u666f\u548c\u8fb9\u6846\u7684\u5934\u90e8\/\u5e95\u90e8\u6309\u94ae\u3002<\/p>\n
\n<div class=\"bar bar-header\">\n  <button class=\"button button-icon icon ion-navicon\"><\/button>\n  <div class=\"h1 title\">Header Buttons<\/div>\n  <button class=\"button button-clear button-positive\">Edit<\/button>\n<\/div>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n
\n
\u6309\u94ae\u680f<\/h2>\n
\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528 button-bar \u7c7b\u6765\u8bbe\u7f6e\u6309\u94ae\u680f\u3002\u4ee5\u4e0b\u5b9e\u4f8b\u4e2d\uff0c\u6211\u4eec\u5728\u5934\u90e8\u548c\u5185\u5bb9\u4e2d\u6dfb\u52a0\u4e86\u6309\u94ae\u680f\u3002<\/p>\n
\n<div class=\"button-bar\">\n  <a class=\"button\">First<\/a>\n  <a class=\"button\">Second<\/a>\n  <a class=\"button\">Third<\/a>\n<\/div>\n<\/pre>\n
\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
ionic \u6309\u94ae \u6309\u94ae\u662f\u79fb\u52a8app\u4e0d\u53ef\u6216\u7f3a\u7684\u4e00\u90e8\u5206\uff0c\u4e0d\u540c\u98ce\u683c\u7684app\uff0c\u9700\u8981\u7684\u4e0d\u540c\u6309\u94ae\u7684\u6837\u5f0f…<\/span><\/p>\n
Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,26],"tags":[43,72,73,93],"class_list":["post-722","post","type-post","status-publish","format-standard","hentry","category-hybrid","category-mobile","tag-angular","tag-hybrid","tag-ionic","tag-mobile","zoom-theme-has-thumb"],"_links":{"self":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=722"}],"version-history":[{"count":0,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/722\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}