refactor(IndexList): 删除地区选择索引示例

Author: juzi214032

examples/pages/components/layout/pages/index-list/city-data.js

@@ -1,31 +1,17 @@
-import cityData from './city-data';
-
 const sideBarData = [
   'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','W','X','Y','Z'
 ]
 
 Page({
   data: {
     scrollTop: 0,
-    cityData: cityData.city,
-    sideBarData: sideBarData,
-    showAreaChoose:true
+    sideBarData: sideBarData
   },
 
   onPageScroll(options) {
     const scrollTop = options.scrollTop
     this.setData({
       scrollTop
     })
-  },
-
-  onChangeSegement(event){
-    wx.pageScrollTo({
-      duration: 0,
-      scrollTop: 0
-    })
-    this.setData({
-      showAreaChoose:!event.detail.currentIndex
-    })
   }
 });

examples/pages/components/layout/pages/index-list/index.js

@@ -3,6 +3,7 @@
     "l-index-list": "/dist/index-list/index",
     "l-index-anchor": "/dist/index-anchor/index",
     "l-segment": "/dist/segment/index",
-    "l-segment-item": "/dist/segment-item/index"
+    "l-segment-item": "/dist/segment-item/index",
+    "content-title": "/components/content-title/index"
   }
 }

examples/pages/components/layout/pages/index-list/index.json

@@ -1,38 +1,11 @@
 <wxs src="util.wxs" module="util"></wxs>
-
-<view class="segment-wrapper">
-  <l-segment bind:linchange="onChangeSegement">
-    <l-segment-item tab="地区选择" key="1"></l-segment-item>
-    <l-segment-item tab="通讯录" key="2"></l-segment-item>
-  </l-segment>
-</view>
-
-<view class="index-list-container">
-  <view wx:if="{{showAreaChoose}}">
-    <l-index-list
-      is-stick="{{true}}"
-      stickOffsetTop="80"
-      scroll-top="{{scrollTop}}"
-      sidebar-data="{{sideBarData}}">
-      <block wx:for="{{cityData}}" wx:key="index">
-        <view>
-          <l-index-anchor/>
-          <block wx:for="{{item.lists}}" wx:key="index">
-            <view class="city-item-wrapper">
-              <view class="city-item">{{item}}</view>
-            </view>
-          </block>
-        </view>
-      </block>
-    </l-index-list>
-  </view>
-
-  <view wx:if="{{!showAreaChoose}}">
+<view class='container'>
+  <content-title name="IndexList" describe="索引列表">
     <l-index-list
       scroll-top="{{scrollTop}}"
-      stickOffsetTop="80"
       l-selected-class="l-selected-class"
       l-tip-class="l-tip-class"
+      style="width:100%"
       l-tip-text-class="l-tip-text-class">
       <block wx:for="{{26}}" wx:key="index" wx:for-index="anchorIndex">
         <l-index-anchor/>
@@ -45,5 +18,5 @@
         </block>
       </block>
     </l-index-list>
-  </view>
+  </content-title>
 </view>

examples/pages/components/layout/pages/index-list/index.wxml

@@ -1,50 +1,3 @@
-.segment-wrapper{
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 80rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  background-color: white;
-  z-index: 999;
-}
-
-l-segment{
-  width: 100%;
-}
-
-.title {
-  background-color: #494949;
-}
-
-.city-item-wrapper {
-  width: 100%;
-  background-color: white;
-  display: flex;
-  align-items: center;
-  font-size: 26rpx;
-}
-
-.city-item {
-  margin-left: 30rpx;
-  margin-right: 60rpx;
-  width: 100%;
-  height: 80rpx;
-  display: flex;
-  align-items: center;
-}
-
-.city-item-wrapper:not(:last-of-type) > .city-item {
-  border-bottom: 1px solid #f1f1f1;
-}
-
-.index-list-container{
-  padding-top: 80rpx;
-}
-
 l-index-list{
   transition: 0.3s;
 }