1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <u-index-list :scrollTop="scrollTop">
- <view v-for="(item, index) in indexList" :key="index">
- <u-index-anchor :index="item" />
- <view class="list-cell">
- 列表1
- </view>
- <view class="list-cell">
- 列表2
- </view>
- <view class="list-cell">
- 列表3
- </view>
- </view>
- </u-index-list>
- </template>
- <script>
- export default {
- data() {
- return {
- scrollTop: 0,
- indexList: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S",
- "T", "U",
- "V", "W", "X", "Y", "Z"
- ]
- }
- },
- onPageScroll(e) {
- this.scrollTop = e.scrollTop;
- },
- onShow() {
- },
- onLoad() {
- },
- methods: {
- }
- }
- </script>
- <style lang="scss" scoped>
- .list-cell {
- display: flex;
- box-sizing: border-box;
- width: 100%;
- padding: 10px 24rpx;
- overflow: hidden;
- color: #323233;
- font-size: 14px;
- line-height: 24px;
- background-color: #fff;
- }
- </style>
|