
前端杂谈
前端杂谈内容
lookoutQAQ
渴望风流
展开
-
小程序节点绑定数据
小程序节点绑定数据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 · 141 阅读 · 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 · 330 阅读 · 0 评论 -
微信小程序rpx计算方法
微信小程序rpx计算方法rpx(responsive pixel)是小程序所独有的尺寸单位,可根据屏幕宽度进行自适应。规定所有屏幕宽度均为750rpx(可类比vw的100%)当屏幕宽度为375px时,预设置字体大小为15px,计算方法如下:375px=750rpx1px=2rpx15px=30rpxfont-size: 30rpx;此时字体大小可随屏幕大小改变而自适应变化屏幕实际尺寸/750rpx=目标元素尺寸/结果注意:可在微信开发者工具左上角选择自定义机型,高度随意,宽度设置为7原创 2021-05-15 11:02:22 · 1530 阅读 · 0 评论