登录网站后没有转页面,常见的软件开发工具,wordpress给模板添加title,单页网站模板 带在线订单通过折叠面板收纳内容区域
#平台差异说明
App#xff08;vue#xff09;App#xff08;nvue#xff09;H5小程序√√√√
#基本使用
外层包裹一个index-list组件#xff0c;锚点通过index-anchor组件传入#xff0c;自定义列表内容通过index-item嵌套使用
nvue需要将…通过折叠面板收纳内容区域
#平台差异说明
AppvueAppnvueH5小程序√√√√
#基本使用
外层包裹一个index-list组件锚点通过index-anchor组件传入自定义列表内容通过index-item嵌套使用
nvue需要将index-anchor写在index-item的外部非nvue需要将index-anchor嵌套在index-item的内部可以通过index-list参数自定义索引字符列表需要监听页面的onPageScroll事件将当前滚动条高度传入index-list组件
templateu-index-list :index-listindexListtemplate v-for(item, index) in itemArr!-- #ifdef APP-NVUE --u-index-anchor :textindexList[index]/u-index-anchor!-- #endif --u-index-item!-- #ifndef APP-NVUE --u-index-anchor :textindexList[index]/u-index-anchor!-- #endif --view classlist-cell v-for(cell, index) in item{{cell}}/view/u-index-item/template/u-index-list
/templatescriptexport default {data() {return {indexList: [A, B, C],itemArr: [[列表A1,列表A2,列表A3],[列表B1,列表B2,列表B3],[列表C1,列表C2,列表C3]]}}}
/scriptstyle langscss 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
