feat(IndexList): 新增 IndexList 索引列表组件 (#790)

Author: juzi214032

.gitignore

@@ -18,4 +18,5 @@ npm-debug.log
 yarn-error.log
 .vscode
 package-lock.json
-examples/project.config.json
+examples/project.config.json
+/.run

dist/index-anchor/index.js

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"l-index-list":"../index-list/index"}}

dist/index-anchor/index.json

@@ -0,0 +1,11 @@
+<view class="anchor-wrapper" style="{{anchorWrapperStyle}}">
+  <view class="anchor" style="{{anchorStyle}}">
+    <view wx:if="{{anchorSlot.height!==0}}" class="anchor-slot">
+      <slot></slot>
+    </view>
+
+    <view wx:if="{{anchorSlot.height===0}}" class="anchor-default l-anchor-class">
+      {{anchorText}}
+    </view>
+  </view>
+</view>

dist/index-anchor/index.wxml

@@ -0,0 +1 @@
+.anchor-wrapper{width:100%}.anchor-wrapper .anchor{width:100%}.anchor-wrapper .anchor-default{width:100%;background-color:#f7f8fa;display:flex;align-items:center;padding:8rpx 0 8rpx 30rpx;font-size:26rpx;font-weight:700;color:#323132;box-sizing:border-box}

dist/index-anchor/index.wxss

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{}}

dist/index-list/index.js

@@ -0,0 +1,15 @@
+<view class="index-list">
+  
+  <view wx:if="{{showSidebar}}" class="sidebar" catch:touchmove="onTouchMove" catch:touchend="onTouchend">
+    <block wx:for="{{sidebarData}}" wx:for-item="sidebarItem" wx:key="index">
+      <view class="sidebar-item l-sidebar-class {{activeSidebarItem===index?'sidebar-item-active l-selected-class':'l-unselected-class'}}">{{sidebarItem}}</view>
+    </block>
+
+    
+    <view class="tip l-tip-class" style="top:{{tipTop}}px;{{showTip?'':'display:none'}}">
+      <view class="tip-text l-tip-text-class">{{tipText}}</view>
+    </view>
+  </view>
+
+  <slot></slot>
+</view>

dist/index-list/index.json

@@ -0,0 +1 @@
+.index-list .sidebar{font-size:20rpx;position:fixed;right:20rpx;width:20rpx;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.index-list .sidebar-item{width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:6rpx}.index-list .sidebar-item-active{color:#fff;background-color:#3963bc}.index-list .tip{width:90rpx;height:90rpx;background-color:#d8d8d8;border-radius:90px 90px 0;display:flex;justify-content:center;align-items:center;position:absolute;left:-160rpx;transform:rotate(-45deg) translateY(-35%)}.index-list .tip-text{font-size:30rpx;transform:rotate(45deg)}