![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端杂谈
前端杂谈内容
pilgrimSnail
渴望风流
展开
-
小程序节点绑定数据
小程序节点绑定数据 data-index 示例:view标签绑定自身index <view wx:for="{{leftMenuList}}" wx:key="this" bindtap="handleItemTap" data-index="{{index}}">{{item}}</view> 从事件中取到节点的绑定数据 handleItemTap(e){ const {index}=e.currentTarget.dataset; } ...原创 2022-03-07 08:20:09 · 104 阅读 · 0 评论 -
scoll-view组件中的scoll-x或scoll-y属性失效问题
scoll-view组件中的scoll-x或scoll-y属性失效问题 首先注意scoll-view是小程序特有组件,只在wxml文件中才能使用 scoll-x和scoll-y属性生效的前提是该scoll-view标签有确定宽高,否则无效 若以上情况均已排除 请检查当前元素或父元素是否通过salc函数来设置宽高 若使用salc,请务必保证参数表内运算符左右都留有空格 如下所示: height: calc( 100vh - 90rpx ); 失效原因: 若运算符左右无空格,语句将会产生歧义 从而被解析为:原创 2021-05-15 15:21:09 · 287 阅读 · 0 评论 -
微信小程序rpx计算方法
微信小程序rpx计算方法 rpx(responsive pixel)是小程序所独有的尺寸单位,可根据屏幕宽度进行自适应。 规定所有屏幕宽度均为750rpx(可类比vw的100%) 当屏幕宽度为375px时,预设置字体大小为15px,计算方法如下: 375px=750rpx 1px=2rpx 15px=30rpx font-size: 30rpx; 此时字体大小可随屏幕大小改变而自适应变化 屏幕实际尺寸/750rpx=目标元素尺寸/结果 注意: 可在微信开发者工具左上角选择自定义机型,高度随意,宽度设置为7原创 2021-05-15 11:02:22 · 1347 阅读 · 0 评论