新浦京娱乐场官网-301net-新浦京娱乐www.301net
做最好的网站

微信小程序基于slider组件动态修改标签透明度的

微信小程序基于slider组件动态修改标签发光度的法子亲自过问,小程序slider

本文实例叙述了微信小程序基于slider组件动态修改标签光滑度的章程。分享给大家供大家仿效,具体如下:

1、效果体现

图片 1

2、关键代码

index.wxml

<view class="img" style="opacity:{{imgOpacity}}"></view>
<slider min="0" max="1" step="0.1" show-value value="1" bindchange="changeImgOpacity"/>

此处的opacity:{{imgOpacity}}绑定data中的imgOpacity:1,用于表示图片反射率。同一时候bindchange="changeImgOpacity"绑定事件管理函数changeImgOpacity用于转移图片反射率。

index.js

var pageData={}
pageData.data={
  imgOpacity:1
}
pageData['changeImgOpacity']=function(e){
  this.setData({
    imgOpacity:e.detail.value
  })
}
Page(pageData)

此间运用setData设置发光度imgOpacity,读者可应用console.log(e)在调整台获取影响imgOpacity更动的e.detail.value,如下图:

图片 2

这里还是用了slider组件,该零件重要有以下几特脾气:

图片 3

3、源代码点击这里本站下载

愿意本文所述对咱们微信小程序支付具备扶助。

本文实例汇报了微信小程序基于slider组件动态修改标签反射率的方法...

本文由新浦京娱乐场官网-301net-新浦京娱乐www.301net发布于301net网站建设,转载请注明出处:微信小程序基于slider组件动态修改标签透明度的

您可能还会对下面的文章感兴趣: