{"_id":"button","_rev":"5-6b670b209817e3455e264d2aef9f7274","name":"button","description":"全站通用按钮组件。","dist-tags":{"latest":"1.1.1"},"versions":{"1.1.1":{"name":"button","version":"1.1.1","family":"alice","description":"全站通用按钮组件。","homepage":"","keywords":["按钮"],"author":"","repository":{"type":"git","url":"https://github.com/aliceui/button"},"bugs":{"url":"https://github.com/aliceui/button/issues"},"license":"MIT","spm":{"alias":{},"output":["button.css"]},"readme":"# button\n\n---\n\n全站通用按钮组件，无图片纯 css 实现，IE8 以下无圆角。\n\n可以很方便的和 alice.iconfont 配合使用。\n\n---\n\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"https://a.alipayobjects.com/al/alice.components.ui-button-orange-1.3-src.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/button.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-orange.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-white.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-disable.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-blue.css\">\n<style>\na { color: #08c; }\na:hover { color: #000; }\na:active { color: #f60; }\n</style>\n\n## 演示\n\n### 橙色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lorange\">橙色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-morange\">橙色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sorange\">橙色小按钮</a>\n````\n\n### 橙色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lorange\" value=\"橙色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-morange\" value=\"橙色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sorange\" value=\"橙色小按钮\">\n````\n\n### 橙色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lorange\">橙色大按钮</button>\n<button class=\"ui-button ui-button-morange\">橙色中按钮</button>\n<button class=\"ui-button ui-button-sorange\">橙色小按钮</button>\n````\n\n### 白色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lwhite\">白色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mwhite\">白色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-swhite\">白色小按钮</a>\n````\n\n### 白色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lwhite\" value=\"白色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mwhite\" value=\"白色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-swhite\" value=\"白色小按钮\">\n````\n\n### 白色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lwhite\">白色大按钮</button>\n<button class=\"ui-button ui-button-mwhite\">白色中按钮</button>\n<button class=\"ui-button ui-button-swhite\">白色小按钮</button>\n````\n\n### 不可用按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-ldisable\">灰色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mdisable\">灰色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sdisable\">灰色小按钮</a>\n````\n\n### 不可用按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-ldisable\" value=\"灰色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mdisable\" value=\"灰色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sdisable\" value=\"灰色小按钮\">\n````\n\n### 不可用按钮 button\n\n````html\n<button class=\"ui-button ui-button-ldisable\">灰色大按钮</button>\n<button class=\"ui-button ui-button-mdisable\">灰色中按钮</button>\n<button class=\"ui-button ui-button-sdisable\">灰色小按钮</button>\n````\n\n### 蓝色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lblue\">蓝色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mblue\">蓝色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sblue\">蓝色小按钮</a>\n````\n\n### 蓝色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lblue\" value=\"蓝色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mblue\" value=\"蓝色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sblue\" value=\"蓝色小按钮\">\n````\n\n### 蓝色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lblue\">蓝色大按钮</button>\n<button class=\"ui-button ui-button-mblue\">蓝色中按钮</button>\n<button class=\"ui-button ui-button-sblue\">蓝色小按钮</button>\n````\n\n\n","readmeFilename":"README.md","_id":"button@1.1.1","dist":{"shasum":"f6b9a30b473d0144f174ac379b821daaa93568f5","tarball":"https://registry.npmjs.org/button/-/button-1.1.1.tgz","integrity":"sha512-/eICyCdXkem6L3i02jNfo7CgY0lDtELov2IhiTAUkkl3kTnnr/Jee0Fjnj4TuLwl8wkdtplZaWWXMCeowmkmpA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3paDoTauqVNYRj5GGwJ43jp7skWKosF/pGBtz3X0HJQIgJBSme5bYO4DEQUl+Fxag6eBTIMi4HqJgo2chhVQ3AxQ="}]},"_from":".","_npmVersion":"1.2.17","_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"maintainers":[{"name":"afc163","email":"afc163@gmail.com"}]}},"readme":"# button\n\n---\n\n全站通用按钮组件，无图片纯 css 实现，IE8 以下无圆角。\n\n可以很方便的和 alice.iconfont 配合使用。\n\n---\n\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"https://a.alipayobjects.com/al/alice.components.ui-button-orange-1.3-src.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/button.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-orange.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-white.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-disable.css\">\n<link type=\"text/css\" rel=\"stylesheet\" media=\"screen\" href=\"src/ui-button-blue.css\">\n<style>\na { color: #08c; }\na:hover { color: #000; }\na:active { color: #f60; }\n</style>\n\n## 演示\n\n### 橙色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lorange\">橙色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-morange\">橙色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sorange\">橙色小按钮</a>\n````\n\n### 橙色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lorange\" value=\"橙色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-morange\" value=\"橙色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sorange\" value=\"橙色小按钮\">\n````\n\n### 橙色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lorange\">橙色大按钮</button>\n<button class=\"ui-button ui-button-morange\">橙色中按钮</button>\n<button class=\"ui-button ui-button-sorange\">橙色小按钮</button>\n````\n\n### 白色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lwhite\">白色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mwhite\">白色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-swhite\">白色小按钮</a>\n````\n\n### 白色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lwhite\" value=\"白色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mwhite\" value=\"白色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-swhite\" value=\"白色小按钮\">\n````\n\n### 白色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lwhite\">白色大按钮</button>\n<button class=\"ui-button ui-button-mwhite\">白色中按钮</button>\n<button class=\"ui-button ui-button-swhite\">白色小按钮</button>\n````\n\n### 不可用按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-ldisable\">灰色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mdisable\">灰色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sdisable\">灰色小按钮</a>\n````\n\n### 不可用按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-ldisable\" value=\"灰色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mdisable\" value=\"灰色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sdisable\" value=\"灰色小按钮\">\n````\n\n### 不可用按钮 button\n\n````html\n<button class=\"ui-button ui-button-ldisable\">灰色大按钮</button>\n<button class=\"ui-button ui-button-mdisable\">灰色中按钮</button>\n<button class=\"ui-button ui-button-sdisable\">灰色小按钮</button>\n````\n\n### 蓝色按钮 a\n\n````html\n<a href=\"javascript:;\" class=\"ui-button ui-button-lblue\">蓝色大按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-mblue\">蓝色中按钮</a>\n<a href=\"javascript:;\" class=\"ui-button ui-button-sblue\">蓝色小按钮</a>\n````\n\n### 蓝色按钮 input\n\n````html\n<input type=\"button\" class=\"ui-button ui-button-lblue\" value=\"蓝色大按钮\">\n<input type=\"button\" class=\"ui-button ui-button-mblue\" value=\"蓝色中按钮\">\n<input type=\"button\" class=\"ui-button ui-button-sblue\" value=\"蓝色小按钮\">\n````\n\n### 蓝色按钮 button\n\n````html\n<button class=\"ui-button ui-button-lblue\">蓝色大按钮</button>\n<button class=\"ui-button ui-button-mblue\">蓝色中按钮</button>\n<button class=\"ui-button ui-button-sblue\">蓝色小按钮</button>\n````\n\n\n","maintainers":[{"name":"afc163","email":"afc163@gmail.com"}],"time":{"modified":"2022-06-13T05:20:34.405Z","created":"2013-06-27T10:22:22.034Z","1.1.1":"2013-06-27T10:22:25.476Z"},"repository":{"type":"git","url":"https://github.com/aliceui/button"}}