mp-indexList.scss .wx-flex{ display: flex; align-items: center; } .wx-flex__item{ flex: 1; } .thin-border-bottom{ position: relative; } .thin-border-bottom:after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #EAEAEA; ...
因该是程序或插件出错。 功能点击某一项，底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件，其次需要添加自定义属性 data-* = {{index}} ，以便在函数中获取到被点击item项的index索引值。或者是删除卸载重新下载。
微信小程序:获取列表Index索引和额外数据 先附上官方解释: https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html 然后附上自己的一点点发现,俺新手,大拿见笑。 从wxml向js文件传递数据时,尤其是处理点击事件需要携带数据时,可以使用data-xxxx属性。 微信会自动创建相应变量,在e.currentT...
问题描述: uv-index-list 组件上方还有其他元素时候, 设置了 customNavHeight 后,锚点定位位置偏移。 问题原因: 查看了uv-index-list 源码,微信小程序使用的是 scrollTop 进行锚点定位,取的是 children 的 top,但是 uv-index-list 上面有其他元素时,children 的 top
"tabBar":{"list":[{"pagePath":"pages/index/index","text":"首页","iconPath":"pages/images/index.png","selectedIconPath":"pages/images/index_active.png"},{"pagePath":"pages/paimai/paimai","text":"拍卖","iconPath":"pages/images/paimai.png","selectedIconPath":"pages/images/paimai_active...
└─ main.mp.js// 小程序端入口文件│ ├─ detail// detail 页面│ ├─ home// home 页面│ ├─ list// list 页面│ ├─ router// vue-router 路由定义│ ├─ store// vuex 相关目录│ ├─ App.vue// Web 端入口主视图│ └─ main.js// Web 端入口文件└─ index.html// Web 端入口...
index.wxml 文件 代码语言:javascript 复制 <viewclass="tab-bar"><viewclass="tab-bar-border"></view><view wx:for="{{list}}"wx:key="index"class="tab-bar-item"data-path="{{item.pagePath}}"data-index="{{index}}"bindtap="switchTab"><image src="{{selectedIndex === index ? item.select...
<view class="log-list"> <block wx:for="{{logs}}" wx:for-item="log" wx:key="*this"> <text class="log-item">{{index + 1}}. {{log}}</text> </block> </view> <block>这个东西,block英文是块,所以说这个就是一块一块的意思。我们记得{{}}中的是js中的变量,所以logs是一...
"list":[{ "pagePath":"page/tabBar/index/index",//路径设置 "text":"首页" },{ "pagePath":"page/cart/cart", "text":"购物车" },{ "pagePath":"page/tabBar/userCenter/userCenter", "text":"我的" }] } } wx.switchTab({url:'/index'}); //跳转到指定URL地址 2.打开新页面 wx.navigat...