JSFiddle - React, Tailwind, and code Playground

by wen yongheng

HTML

<link rel="stylesheet" href="https://oggpmngp5.qnssl.com/mui/v3.4.0/mui.min.css">
<script src="https://oggpmngp5.qnssl.com/mui/v3.4.0/mui.min.js"></script>
<div class="mui-off-canvas-wrap mui-draggable">
  <aside id="leftNav" class="mui-off-canvas-left">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <ul class="mui-table-view">
             <li class="mui-table-view-cell">侧滑菜单列表</li>
             <li class="mui-table-view-cell">侧滑菜单列表2</li>
             <li class="mui-table-view-cell">侧滑菜单列表3</li>
          </ul>
        </div>
    </div>
  </aside>
  <div class="mui-inner-wrap">
    <header class="mui-bar mui-bar-nav">
      <a href="#leftNav" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
      <h1 class="mui-title">
      标题
      </h1>
    </header>
    <div class="mui-content mui-scroll-wrapper">
      <div class="mui-scroll">
        <p>
        具体内容
        </p>
      </div>
    </div>
  </div>
</div>