微信小程序 有赞hideGoodsBottom隐藏底部操作按钮代码上如何实现
时间: 2023-12-25 10:03:59 浏览: 115
在微信小程序中,可以通过以下代码实现隐藏底部操作按钮:
1. 首先,在对应的页面的 wxml 文件中,找到需要隐藏的底部操作按钮的代码,并添加一个 id 属性,例如:
```html
<view id="bottomAction" class="bottom-action">底部操作按钮</view>
```
2. 在页面的 js 文件中,使用 `wx.createSelectorQuery` 方法获取到该元素节点,并设置其样式为 `display: none;`,例如:
```javascript
Page({
onLoad: function () {
wx.createSelectorQuery().select('#bottomAction').boundingClientRect(function(rect){
// 获取到该元素节点的信息
var query = wx.createSelectorQuery();
query.select('#bottomAction').boundingClientRect();
query.exec(function(res){
// 设置样式为 display: none;
var actionBtn = res[0];
actionBtn.style.display = 'none';
});
}).exec();
},
})
```
通过上述代码,底部操作按钮的样式会变为 `display: none;`,从而实现隐藏效果。
阅读全文