关于小程序去除view/navigator 点击后默认阴影效果

hover:class  :定义容器在被触发时的样式

通常无用,但若不去除则影响用户体验;

为避免被覆盖,约定在wxss底部添加class,比如:

<!-- wxml -->
      <navigator class="index-nav_box" hover-class="noshadow">
        <image></image>
        <view class="index-nav-des">现采蓝莓1斤装</view>
        <view class="index-nav-pay ">¥147</view>
      </navigator>

  

/* wxss */
 .noshadow{
   hover-class:none;
 }

  请注意!为避免该样式被覆盖,务必将其放置在wxss样式底部

以上。

原文地址:https://www.cnblogs.com/hjk1124/p/12085167.html

时间: 2024-11-07 16:44:55

关于小程序去除view/navigator 点击后默认阴影效果的相关文章

小程序页面链接-navigator(导航)

navigator-页面链接-通过设置open-type的值来确定页面的打开方式. <view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator> <navigator url="../../redire

微信小程序radio组件 - 如何改变默认样式大小?

今天在写小程序的时候用到radio组件,但是很懊恼并未提供修改radio组件大小属性,第一感觉准备用css width , height 改变radio的大小,但是怎么搞也无法改变. 但是又不愿意搞个图片或者字体啥的,感觉麻烦,后来用了下面样式可以改变radio默认样式大小: radio{ transform:scale(.8)  } 原文地址:https://www.cnblogs.com/changxue/p/8432531.html

关于小程序获取view的动态高度填坑

wx.createSelectorQuery().select('#box').boundingClientRect(function (rect) { width = rect.width height = rect.height top = rect.top }).exec() 如上,拿到了id为box的view,并获取到了它的宽.高等属性,此段代码要放在onReady函数中 注意:如果这个view的宽高是随着内容而变化的话,这样获取到的宽高就有可能还是渲染完成前的值,不知是不是小程序自己的

小程序-去除单行注释

数据结构的文档一行代码要附上两三行注释呢……比如这样: T& back(); // return the element at the rear of the vector. // Precondition: the vector is not empty. if vector // is empty, throws the underflowError exception 讲道理作为注释它有帮助的……不过读起来不方便,在清楚函数的含义的时候可以考虑清除它们. 小程序功能有限,将源代码复制到so

微信小程序将view动态填满全屏

一.在app.js利用官方方法获取设备信息 App({ onLaunch: function() { wx.getSystemInfo({ success: res => { this.globalData.systemInfo = res } }) }, globalData: { systemInfo: null } }) 获取到的windowWidth.windowHeight等度量单位为 px 二.在要使用的页面的js文件里将单位统一为rpx const app = getApp() P

小程序-setData方法使用--改变默认数据data初始值方法

"resetdata":function(){//写触发函数绑定在页面上 this.setData({//this.setdata很重要 "changdata":"哈哈哈哈哈setData调用后文字"//重新设置data里面的"changdata"的值 }) }

微信小程序去除左上角返回的按钮

解决方法有两种: 1.把该页面设置为tab页面或者主页 ; 2.进入该页面使用 wx.reLaunch(); 示例 wx.reLaunch({url: '../detail/detail',}) 这样有一个弊端,就是会销毁其它所有的页面. 原文地址:http://blog.51cto.com/13507333/2151868

微信小程序的view标签中text如何居中?

display:flex; align-items:center; justify-content:center; 原文地址:https://www.cnblogs.com/lsyy2017/p/11128497.html

微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号

多行文本 .note_item text { display: -webkit-box; font-size: 28rpx; color: #000000; line-height: 40rpx; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } 单行文本 .note2_item text { displa