magix-components

Version:

magix组件

github.com/magix-components/magix-components

61 lines (60 loc) • 5.56 kB

HTML

<h2>mx-popover</h2> <div class="pt20 clearfix"> <button class="btn" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容">提示右</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top">提示上</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="bottom">提示下</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="left">提示左</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="left" view-align="top">提示左顶部对齐</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="right" view-align="top">提示右顶部对齐</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top" view-align="left">提示上左对齐</button> <button class="btn ml10" mx-view="mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top" view-align="right">提示上右对齐</button> </div> <div class="pt20"> <div>HTML Code:</div> <pre><button class="btn" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容">提示右</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top">提示上</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="bottom">提示下</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="left">提示左</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="left" view-align="top">提示左顶部对齐</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="right" view-align="top">提示右顶部对齐</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top" view-align="left">提示上左对齐</button> <button class="btn ml10" mx-view="app/gallery/mx-popover/index" view-content="提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容" view-placement="top" view-align="right">提示上右对齐</button></pre> </div>