123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <h5>无导航箭头</h5>
- <div class="lr-list">
- <div class="lr-list-item">
- 第一行
- </div>
- <div class="lr-list-item">
- 第二行
- </div>
- <div class="lr-list-item">
- 第三行
- </div>
- </div>
- <h5>有导航箭头</h5>
- <div class="lr-list">
- <div class="lr-list-item">
- <a class="lr-nav-right">第一行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-right">第二行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-right">第三行</a>
- </div>
- </div>
- <h5>左侧箭头</h5>
- <div class="lr-list">
- <div class="lr-list-item">
- <a class="lr-nav-left">第一行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-left">第二行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-left">第三行</a>
- </div>
- </div>
- <h5>箭头朝下</h5>
- <div class="lr-list">
- <div class="lr-list-item">
- <a class="lr-nav-left bottom">第一行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-left bottom">第二行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-left bottom">第三行</a>
- </div>
- </div>
- <h5>圆角列表</h5>
- <div class="lr-list lr-card ">
- <div class="lr-list-item">
- <a class="lr-nav-right">第一行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-right">第二行</a>
- </div>
- <div class="lr-list-item">
- <a class="lr-nav-right">第三行</a>
- </div>
- </div>
|