normalize code

example/pages/scroll.vue

@@ -96,7 +96,7 @@
       <div class="methods">
         <div class="title sub">Methods</div>
         <ul class="method-list">
-          <div class="group">
+          <li class="group">
             <input-option class="item" name="x" :value="scrollToX"
                           @update:value="updateScrollToX"></input-option>
             <input-option class="item" name="y" :value="scrollToY"
@@ -106,7 +106,7 @@
             <select-option class="item" name="easing" :value="scrollToEasing" :options="scrollToEasingOptions"
                            @update:value="updateScrollToEasing"></select-option>
             <button @click="scrollTo">scrollTo</button>
-          </div>
+          </li>
         </ul>
       </div>
 

src/components/index-list/index-list-group.vue

 <template>
-  <div class="cube-index-list-group">
+  <li class="cube-index-list-group">
     <h2 class="cube-index-list-anchor">{{group.name}}</h2>
     <ul>
       <slot>
         <cube-index-list-item v-for="(item, index) in group.items" :key="index" :item="item" @select="selectItem"></cube-index-list-item>
       </slot>
     </ul>
-  </div>
+  </li>
 </template>
 
 <script type="text/ecmascript-6">

src/components/index-list/index-list-item.vue

 <template>
-  <div
+  <li
     class="cube-index-list-item"
     @touchstart="addActiveCls"
     @touchend="removeActiveCls"
@@ -9,7 +9,7 @@
         {{item.name}}
       </div>
     </slot>
-  </div>
+  </li>
 </template>
 
 <script type="text/ecmascript-6">