Vue2.0 的 Material Design UI 框架 Muse-UI
<div class="detail TextContent" id="p_fullcontent" style="margin: 10px; line-height: 1.6; overflow: hidden;"><h2 style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 14pt; margin-bottom: 10pt;">Muse-UI</h2><div><font color="#000000" face="Microsoft YaHei, Verdana, sans-serif, SimSun"><span style="font-size: 13.3333px;">https://museui.github.io/#/install</span></font></div><div><font color="#000000" face="Microsoft YaHei, Verdana, sans-serif, SimSun"><span style="font-size: 13.3333px;"><br></span></font></div><p style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 13.3333px; margin-bottom: 10px;">基于 Vue2.0 的 Material Design UI 框架</p><p style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 13.3333px; margin-bottom: 10px;"><img src="https://static.oschina.net/uploads/space/2016/1115/090934_tI8u_1782082.png" width="500" height="288" alt="" data-bd-imgshare-binded="1" style="border: 0px; max-width: 700px;"></p><h3 style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 12pt; margin-bottom: 10pt;">安装</h3><div style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 13.3333px;"><div id="highlighter_660232" class="syntaxhighlightershell" style="width: 693px; margin-top: 1em !important; margin-bottom: 1em !important; position: relative !important; overflow: auto !important; font-size: 1em !important;"><div class="toolbar" style="box-shadow: rgba(198, 198, 198, 0.498039) 0px 1px 3px; height: 11px !important; vertical-align: baseline !important; border: none !important; border-radius: 0px !important; background: rgb(108, 226, 108) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 10px !important; min-height: auto !important; z-index: 10 !important; color: white !important;"><a href="https://www.oschina.net/p/muse-ui?from=20161120#" class="toolbar_item command_help help" style="padding-top: 1px !important; color: white !important; outline: 0px !important; text-decoration: none !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: center !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; display: block !important;">?</a></div><table border="0" cellpadding="0" cellspacing="0" style="width: 693px; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tbody style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tr style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><td class="gutter" style="padding: 0px !important; border-radius: 0px !important; background: none !important; border-width: 0px !important; border-style: initial !important; border-color: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; color: rgb(175, 175, 175) !important;"><div class="line number1 index0 alt2" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">1</div></td><td class="code" style="width: 662px; padding: 0px !important; border-radius: 0px !important; background: none !important; border-width: 0px !important; border-style: initial !important; border-color: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="container" style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="line number1 index0 alt2" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="shell plain" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important;">npm </code><code class="shell functions" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: deeppink !important;">install</code> <code class="shell plain" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important;">muse-ui --save</code></div></div></td></tr></tbody></table></div></div><h3 style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 12pt; margin-bottom: 10pt;">使用 </h3><div style="color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 13.3333px;"><div id="highlighter_650607" class="syntaxhighlighterjs" style="width: 710px; margin-top: 1em !important; margin-bottom: 1em !important; position: relative !important; overflow: auto !important; font-size: 1em !important;"><div class="toolbar" style="box-shadow: rgba(198, 198, 198, 0.498039) 0px 1px 3px; height: 11px !important; vertical-align: baseline !important; border: none !important; border-radius: 0px !important; background: rgb(108, 226, 108) !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 10px !important; min-height: auto !important; z-index: 10 !important; color: white !important;"><a href="https://www.oschina.net/p/muse-ui?from=20161120#" class="toolbar_item command_help help" style="padding-top: 1px !important; color: white !important; outline: 0px !important; text-decoration: none !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: center !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; display: block !important;">?</a></div><table border="0" cellpadding="0" cellspacing="0" style="width: 710px; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tbody style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tr style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><td class="gutter" style="padding: 0px !important; border-radius: 0px !important; background: none !important; border-width: 0px !important; border-style: initial !important; border-color: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; color: rgb(175, 175, 175) !important;"><div class="line number1 index0 alt2" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">1</div><div class="line number2 index1 alt1" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">2</div><div class="line number3 index2 alt2" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">3</div><div class="line number4 index3 alt1" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">4</div><div class="line number5 index4 alt2" style="padding-right: 0.5em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">5</div></td><td class="code" style="width: 679px; padding: 0px !important; border-radius: 0px !important; background: none !important; border-width: 0px !important; border-style: initial !important; border-color: initial !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="container" style="border-radius: 0px !important; background: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="line number1 index0 alt2" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js keyword" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">import</code> <code class="js plain" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important;">Vue from </code><code class="js string" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: blue !important;">'vue'</code></div><div class="line number2 index1 alt1" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js keyword" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">import</code> <code class="js plain" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important;">MuseUI from </code><code class="js string" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: blue !important;">'muse-ui'</code></div><div class="line number3 index2 alt2" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js keyword" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">import</code> <code class="js string" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: blue !important;">'muse-ui/dist/muse-ui.css'</code> <code class="js comments" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important; color: rgb(0, 130, 0) !important;">// 加载样式</code></div><div class="line number4 index3 alt1" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"> </div><div class="line number5 index4 alt2" style="padding-right: 1em !important; padding-left: 1em !important; border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="white-space: nowrap; border: 0px !important; background: none !important; border-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; outline: 0px !important; overflow: visible !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; min-height: auto !important;">Vue.use(MuseUI)</code></div></div></td></tr></tbody></table></div></div></div><div class="GithubEmbed" style="margin-right: 10px; margin-left: 10px; color: rgb(0, 0, 0); font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun; font-size: 13.3333px;"><div class="github-widget" data-repo="museui/muse-ui" style="margin-top: 10px; margin-bottom: 10px;"><div class="github-box repo" style="font-family: helvetica, arial, sans-serif; font-size: 13px; line-height: 18px; background: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); border-radius: 3px;"><div class="github-box-title" style="position: relative; border-bottom: 1px solid rgb(221, 221, 221); border-radius: 3px 3px 0px 0px; background: -webkit-linear-gradient(top, rgb(252, 252, 252), rgb(235, 235, 235));"><h3 style="padding: 10px 10px 10px 80px; font-weight: normal; font-size: 16px; color: gray; background: url("https://www.oschina.net/img/github_logo.gif") left center no-repeat;"><a class="owner" href="https://github.com/museui" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">museui</a> / <a class="repo" href="https://github.com/museui/muse-ui" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none; font-weight: bold;">muse-ui</a></h3><div class="github-stats" style="padding-left: 2px; position: absolute; top: 8px; right: 10px; background: white; border: 1px solid rgb(221, 221, 221); border-radius: 3px; font-size: 11px; font-weight: bold; line-height: 21px; height: 21px;">Watch<a class="watchers" title="Watchers" href="https://github.com/museui/muse-ui/watchers" target="_blank" style="padding-right: 5px; padding-left: 5px; color: rgb(102, 102, 102); outline: 0px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(221, 221, 221); border-bottom-color: initial; border-left-color: initial; border-image: initial; text-decoration: none; display: inline-block; height: 21px; background-position: 3px -2px;">55</a> Star<a class="watchers" title="Watchers" href="https://github.com/museui/muse-ui/stargazers" target="_blank" style="padding-right: 5px; padding-left: 5px; color: rgb(102, 102, 102); outline: 0px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(221, 221, 221); border-bottom-color: initial; border-left-color: initial; border-image: initial; text-decoration: none; display: inline-block; height: 21px; background-position: 3px -2px;">943</a> Fork<a class="forks" title="Forks" href="https://github.com/museui/muse-ui/network" target="_blank" style="padding-right: 5px; padding-left: 5px; color: rgb(102, 102, 102); outline: 0px; border: 0px; text-decoration: none; display: inline-block; height: 21px; background-position: 0px -52px;">97</a></div></div><div class="github-box-content" style="padding: 10px;"><p class="description">Material Design UI library for Vuejs 2.0 — <a href="https://github.com/museui/muse-ui#readme" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">More...</a></p><p class="link" style="font-weight: bold;"><a href="https://museui.github.io/" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">https://museui.github.io/</a></p><table class="issues" width="100%" style="font-family: "Microsoft YaHei", Verdana, sans-serif, SimSun;"><tbody><tr><td colspan="2" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;"><strong>Issues</strong></a></td></tr><tr><td class="number" width="30" style="padding: 0px;">#74</td><td class="info" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues/74" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">Text Field multiLine设置rowsMax的问题</a></td><td class="author" width="200" align="right" style="padding: 0px;">by <a href="https://github.com/ccchangkong" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">ccchangkong</a> <em style="font-size: 8pt; font-family: Candara, arial; text-size-adjust: none;">2016-11-22</em></td></tr><tr><td class="number" width="30" style="padding: 0px;">#69</td><td class="info" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues/69" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">mu-tabs的z-index层级有点低</a></td><td class="author" width="200" align="right" style="padding: 0px;">by <a href="https://github.com/s51983" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">s51983</a> <em style="font-size: 8pt; font-family: Candara, arial; text-size-adjust: none;">2016-11-22</em></td></tr><tr><td class="number" width="30" style="padding: 0px;">#59</td><td class="info" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues/59" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">方便写一个基础的页面结构吗</a></td><td class="author" width="200" align="right" style="padding: 0px;">by <a href="https://github.com/wh469012917" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">wh469012917</a> <em style="font-size: 8pt; font-family: Candara, arial; text-size-adjust: none;">2016-11-21</em></td></tr><tr><td class="number" width="30" style="padding: 0px;">#73</td><td class="info" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues/73" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">drawer的open=true,docked=false</a></td><td class="author" width="200" align="right" style="padding: 0px;">by <a href="https://github.com/xuexb" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">xuexb</a> <em style="font-size: 8pt; font-family: Candara, arial; text-size-adjust: none;">2016-11-21</em></td></tr><tr><td class="number" width="30" style="padding: 0px;">#70</td><td class="info" style="padding: 0px;"><a href="https://github.com/museui/muse-ui/issues/70" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">slider在iphone上特别卡</a></td><td class="author" width="200" align="right" style="padding: 0px;">by <a href="https://github.com/mokaikai" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;">mokaikai</a> <em style="font-size: 8pt; font-family: Candara, arial; text-size-adjust: none;">2016-11-21</em></td></tr></tbody></table></div><div class="github-box-download" style="padding: 10px; position: relative; border-top: 1px solid rgb(221, 221, 221); background: white; border-radius: 0px 0px 3px 3px; height: 24px;"><p class="updated" style="font-size: 11px; line-height: 24px;"><a href="https://github.com/museui/muse-ui/tree/master" target="_blank" style="color: rgb(65, 131, 196); outline: 0px; border: 0px; text-decoration: none;"><strong style="color: rgb(0, 0, 0);">master</strong>分支</a>代码最近更新：2016-11-22</p><p class="updated" style="font-size: 11px; line-height: 24px;"><br></p><p class="updated" style="font-size: 11px; line-height: 24px;"><br></p><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";">Links</h2><ul style="box-sizing: border-box; padding-left: 2em; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><li style="box-sizing: border-box;"><a href="https://museui.github.io/" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">Home Page</a></li><li style="box-sizing: border-box; margin-top: 0.25em;"><a href="https://museui.github.io/#/install" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">中文文档</a></li></ul><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-install" class="anchor" href="https://github.com/museui/muse-ui#install" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Install</h2><div class="highlight highlight-source-shell" style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><pre style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13.6px; font-stretch: normal; line-height: 1.45; word-wrap: normal; padding: 16px; overflow: auto; background-color: rgb(247, 247, 247); border-radius: 3px; word-break: normal;">npm install muse-ui -save</pre></div><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-get-started" class="anchor" href="https://github.com/museui/muse-ui#get-started" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Get Started</h2><div class="highlight highlight-source-js" style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><pre style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13.6px; font-stretch: normal; line-height: 1.45; word-wrap: normal; padding: 16px; overflow: auto; background-color: rgb(247, 247, 247); border-radius: 3px; word-break: normal;"><span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-smi" style="box-sizing: border-box;">Vue</span> <span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">from</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>vue<span class="pl-pds" style="box-sizing: border-box;">'</span></span><span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-smi" style="box-sizing: border-box;">MuseUI</span> <span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">from</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-ui<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-ui/dist/muse-ui.css<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
<span class="pl-smi" style="box-sizing: border-box;">Vue</span>.<span class="pl-en" style="box-sizing: border-box; color: rgb(121, 93, 163);">use</span>(MuseUI)</pre></div><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;">or</p><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><span style="box-sizing: border-box; font-weight: 600;">webpack.conf.js</span></p><div class="highlight highlight-source-js" style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><pre style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13.6px; font-stretch: normal; line-height: 1.45; word-wrap: normal; padding: 16px; overflow: auto; background-color: rgb(247, 247, 247); border-radius: 3px; word-break: normal;">{
<span class="pl-c" style="box-sizing: border-box; color: rgb(150, 152, 150);">// ...</span>
module<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> {
loaders<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> [
<span class="pl-c" style="box-sizing: border-box; color: rgb(150, 152, 150);">// ...</span>
{
test<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span><span class="pl-sr" style="box-sizing: border-box; color: rgb(24, 54, 145);"> <span class="pl-pds" style="box-sizing: border-box;">/</span>muse-ui<span class="pl-c1" style="box-sizing: border-box; color: rgb(0, 134, 179);">.</span>src<span class="pl-c1" style="box-sizing: border-box; color: rgb(0, 134, 179);">.</span><span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">*?</span>js<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">$</span><span class="pl-pds" style="box-sizing: border-box;">/</span></span>,
loader<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>babel<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
}
]
},
resolve<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> {
<span class="pl-c" style="box-sizing: border-box; color: rgb(150, 152, 150);">// ...</span>
alias<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> {
<span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-components<span class="pl-pds" style="box-sizing: border-box;">'</span></span><span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">:</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-ui/src<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
}
}
}</pre></div><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><span style="box-sizing: border-box; font-weight: 600;">main.js</span></p><div class="highlight highlight-source-js" style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><pre style="box-sizing: border-box; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13.6px; font-stretch: normal; line-height: 1.45; word-wrap: normal; padding: 16px; overflow: auto; background-color: rgb(247, 247, 247); border-radius: 3px; word-break: normal;"><span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-smi" style="box-sizing: border-box;">Vue</span> <span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">from</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>vue<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-components/styles/base.less<span class="pl-pds" style="box-sizing: border-box;">'</span></span> <span class="pl-c" style="box-sizing: border-box; color: rgb(150, 152, 150);">// 加载基础的样式</span>
<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-smi" style="box-sizing: border-box;">appbar</span> <span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">from</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-components/appbar<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
<span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">import</span> <span class="pl-smi" style="box-sizing: border-box;">avatar</span> <span class="pl-k" style="box-sizing: border-box; color: rgb(167, 29, 93);">from</span> <span class="pl-s" style="box-sizing: border-box; color: rgb(24, 54, 145);"><span class="pl-pds" style="box-sizing: border-box;">'</span>muse-components/avatar<span class="pl-pds" style="box-sizing: border-box;">'</span></span>
<span class="pl-c" style="box-sizing: border-box; color: rgb(150, 152, 150);">// ..</span>
<span class="pl-smi" style="box-sizing: border-box;">Vue</span>.<span class="pl-en" style="box-sizing: border-box; color: rgb(121, 93, 163);">component</span>(<span class="pl-smi" style="box-sizing: border-box;">appbar</span>.<span class="pl-c1" style="box-sizing: border-box; color: rgb(0, 134, 179);">name</span>, appbar)
<span class="pl-smi" style="box-sizing: border-box;">Vue</span>.<span class="pl-en" style="box-sizing: border-box; color: rgb(121, 93, 163);">component</span>(<span class="pl-smi" style="box-sizing: border-box;">avatar</span>.<span class="pl-c1" style="box-sizing: border-box; color: rgb(0, 134, 179);">name</span>, avatar)</pre></div><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-browser-support" class="anchor" href="https://github.com/museui/muse-ui#browser-support" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Browser Support</h2><ul style="box-sizing: border-box; padding-left: 2em; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><li style="box-sizing: border-box;">IE 10+</li><li style="box-sizing: border-box; margin-top: 0.25em;">Andorid 4.4+</li><li style="box-sizing: border-box; margin-top: 0.25em;">IOS 7+</li></ul><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-changelog" class="anchor" href="https://github.com/museui/muse-ui#changelog" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Changelog</h2><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;">Detailed changes for each release are documented in the <a href="https://museui.github.io/#/changeLog" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">release notes</a>.</p><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-contribution" class="anchor" href="https://github.com/museui/muse-ui#contribution" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Contribution</h2><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;">Please make sure to read the <a href="https://museui.github.io/#/contributing" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">Contributing Guide</a> before making a pull request.</p><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-dependencies" class="anchor" href="https://github.com/museui/muse-ui#dependencies" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Dependencies</h2><ul style="box-sizing: border-box; padding-left: 2em; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;"><li style="box-sizing: border-box;"><a href="https://vuejs.org/" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">vuejs 2.0</a></li><li style="box-sizing: border-box; margin-top: 0.25em;"><a href="https://material.google.com/" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">material design</a></li><li style="box-sizing: border-box; margin-top: 0.25em;"><a href="https://fonts.googleapis.com/icon?family=Material+Icons" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none;">material icons</a></li></ul><h2 style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; line-height: 1.25; padding-bottom: 0.3em; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"><a id="user-content-licence" class="anchor" href="https://github.com/museui/muse-ui#licence" aria-hidden="true" style="box-sizing: border-box; background-color: transparent; color: rgb(64, 120, 192); text-decoration: none; float: left; padding-right: 4px; margin-left: -20px; line-height: 1;"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Licence</h2><p style="box-sizing: border-box; margin-bottom: 16px; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;">muse-ui is open source and released under the MIT Licence.</p><p style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px;">Copyright (c) 2016 myron</p><a class="download" href="https://github.com/museui/muse-ui/zipball/master" style="padding-right: 10px; padding-left: 10px; color: rgb(102, 102, 102); outline: 0px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(187, 187, 187); border-image: initial; text-decoration: none; position: absolute; display: block; top: 10px; right: 10px; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.901961) 0px 1px 0px; border-radius: 3px; background: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(229, 229, 229));">下载zip</a><div><br></div></div></div></div></div><p></p>
页:
[1]