![\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\u4ecb\u7ecd\u63d2\u56fe\"](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/009\/abe0311443ce4f0ea58fd9501ef723e1-0.gif\" "\\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\u4ecb\u7ecd\u63d2\u56fe\\"")
<\/p>\n\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4e3a\u5927\u5bb6\u8be6\u7ec6\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5177\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u611f\u5174\u8da3\u7684\u5c0f\u4f19\u4f34\u4eec\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b<\/p>\n
\u672c\u6587\u4e3a\u5927\u5bb6\u5206\u4eab\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\u65b9\u6cd5\uff0c\u4f9b\u5927\u5bb6\u53c2\u8003\uff0c\u5177\u4f53\u5185\u5bb9\u5982\u4e0b<\/p>\n
\u5c55\u793a\u6548\u679c\u56fe<\/p>\n
<\/p>\n
button\u7ec4\u4ef6\u7684\u5e38\u7528\u5c5e\u6027<\/p>\n
size\uff1adefault\u3001mini\u2014-default\u4e3a\u5757\u7ea7\u6309\u94ae\u3001mini\u4e3a\u5c0f\u6309\u94ae<\/p>\n<\/li>\n
type\uff1aprimary\u3001default\u3001warn\u2014-primary\u63d0\u4ea4\u6210\u529f\u3001default\u9ed8\u8ba4\u7070\u8272\u3001warn\u8b66\u544a\u8272<\/p>\n<\/li>\n
plain\uff1atrue\u3001false\u2014-\u6309\u94ae\u662f\u5426\u9542\u7a7a\uff0c\u80cc\u666f\u8272\u900f\u660e<\/p>\n<\/li>\n
disabled\uff1atrue\u3001false\u2014-\u662f\u5426\u7981\u7528<\/p>\n<\/li>\n
loading\uff1atrue\u3001false\u2014-\u540d\u79f0\u524d\u662f\u5426\u5e26 loading \u56fe\u6807<\/p>\n<\/li>\n<\/ul>\n
WXML<\/p>\n<\/p>\n
<view>\n <view>\n <button> default <\/button>\n <\/view>\n <view>\n <button> primary <\/button>\n <\/view>\n <view>\n <button> warn <\/button>\n <\/view>\n <view>\n <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aedisabled\u5c5e\u6027true<\/button>\n <\/view>\n <view>\n <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aeplain\u5c5e\u6027<\/button>\n <\/view>\n <view>\n <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aeloading\u5c5e\u6027<\/button>\n <\/view><\/view><\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
WXSS<\/p>\n<\/p>\n
.tui-btn-group{\n padding: 10px;\n}\n.tui-btn-content{\n height: 60px;\n line-height: 60px;\n}\n\/** \u4fee\u6539button\u9ed8\u8ba4\u7684\u70b9\u51fb\u6001\u6837\u5f0f\u7c7b**\/\n.button-hover {\n background-color: red;\n}\n\/** \u6dfb\u52a0\u81ea\u5b9a\u4e49button\u70b9\u51fb\u6001\u6837\u5f0f\u7c7b**\/\n.other-button-hover {\n background-color: blue;\n}<\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
JS<\/p>\n<\/p>\n
var types = ['default', 'primary', 'warn']\nvar pageObject = {\n data: {\n defaultSize: 'default',\n primarySize: 'default',\n warnSize: 'default',\n disabled: false,\n plain: false,\n loading: false\n },\n setDisabled: function (e) {\n this.setData({\n disabled: !this.data.disabled\n })\n },\n setPlain: function (e) {\n this.setData({\n plain: !this.data.plain\n })\n },\n setLoading: function (e) {\n this.setData({\n loading: !this.data.loading\n })\n }\n}\n\n\/\/\u5faa\u73af\u7ed9'default', 'primary', 'warn'\u6309\u94ae\u521b\u5efa\u51fd\u6570\nfor (var i = 0; i <p><\/p><p>\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p><p>\u76f8\u5173\u63a8\u8350\uff1a<\/p><p><a href=\"http:\/\/www.php.cn\/xiaochengxu-404751.html\" target=\"_blank\">\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \ntextarea \u7684\u4f7f\u7528\u65b9\u6cd5<\/a><br><\/p><p><a href=\"http:\/\/www.php.cn\/xiaochengxu-404750.html\" target=\"_blank\">\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \n\u89e6\u63a7\u4e8b\u4ef6\u7684\u4ecb\u7ecd<\/a><br><\/p><p><a href=\"http:\/\/www.php.cn\/xiaochengxu-404744.html\" target=\"_blank\">\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u7684onLoad\u7684\u89e3\u6790<\/a><\/p><p><\/p><p class=\"clearfix\"><span class=\"jbTestPos\"><\/span><\/p><\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\u4ecb\u7ecd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4e3a\u5927\u5bb6\u8be6\u7ec6\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5177\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u611f\u5174\u8da3\u7684\u5c0f\u4f19\u4f34\u4eec\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b \u672c\u6587\u4e3a\u5927\u5bb6\u5206\u4eab\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8fbutton\u7ec4\u4ef6\u7684\u4f7f\u7528\u65b9\u6cd5\uff0c\u4f9b\u5927\u5bb6\u53c2\u8003\uff0c\u5177\u4f53\u5185\u5bb9\u5982\u4e0b \u5c55\u793a\u6548\u679c\u56fe button\u7ec4\u4ef6\u7684\u5e38\u7528\u5c5e\u6027 size\uff1adefault\u3001mini\u2014-default\u4e3a\u5757\u7ea7\u6309\u94ae\u3001mini\u4e3a\u5c0f\u6309\u94ae type\uff1aprimary\u3001default\u3001warn\u2014-primary\u63d0\u4ea4\u6210\u529f\u3001default\u9ed8\u8ba4\u7070\u8272\u3001warn\u8b66\u544a\u8272 plain\uff1atrue\u3001false\u2014-\u6309\u94ae\u662f\u5426\u9542\u7a7a\uff0c\u80cc\u666f\u8272\u900f\u660e disabled\uff1atrue\u3001false\u2014-\u662f\u5426\u7981\u7528 loading\uff1atrue\u3001false\u2014-\u540d\u79f0\u524d\u662f\u5426\u5e26 loading \u56fe\u6807 WXML <view> <view> <button> default <\/button> <\/view> <view> <button> primary <\/button> <\/view> <view> <button> warn <\/button> <\/view> <view> <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aedisabled\u5c5e\u6027true<\/button> <\/view> <view> <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aeplain\u5c5e\u6027<\/button> <\/view> <view> <button>\u70b9\u51fb\u8bbe\u7f6e\u6309\u94aeloading\u5c5e\u6027<\/button> <\/view><\/view> \u767b\u5f55\u540e\u590d\u5236 WXSS .tui-btn-group{ padding: 10px; } .tui-btn-content{ height: 60px; line-height: 60px; } \/** \u4fee\u6539button\u9ed8\u8ba4\u7684\u70b9\u51fb\u6001\u6837\u5f0f\u7c7b**\/ .button-hover { background-color: red; } \/** \u6dfb\u52a0\u81ea\u5b9a\u4e49button\u70b9\u51fb\u6001\u6837\u5f0f\u7c7b**\/ .other-button-hover { background-color: blue; } \u767b\u5f55\u540e\u590d\u5236 JS var types = [‘default’, ‘primary’, ‘warn’] var pageObject = { data: { defaultSize: ‘default’, primarySize: ‘default’, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31791","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31791"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31791\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}