微信小程序基于slider组件动态修改标签透明度的方法示例
作者：FutrueJet 发布时间：2024-05-11 09:42:14
标签：微信小程序,slider组件,标签
本文实例讲述了微信小程序基于slider组件动态修改标签透明度的方法。分享给大家供大家参考，具体如下：
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){
//console.log(e)
this.setData({
imgOpacity:e.detail.value
})
}
Page(pageData)
这里使用setData设置透明度imgOpacity，读者可使用console.log(e)在控制台获取影响imgOpacity改变的e.detail.value，如下图：
这里还是用了slider组件，该组件主要有以下几个属性：
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
来源：http://blog.csdn.net/futruejet/article/details/53158152
0
投稿猜你喜欢
- PyTorch 随机数生成占用 CPU 过高的问题今天在使用 pytorch 的过程中，发现 CPU 占用率过高。经过检查，发现是因为先在
关于scapyScapy 是一个可以让用户发送、侦听和解析并伪装网络报文的Python程序。这些功能可以用于制作侦测、扫描和攻击网络的工具。- 一直想了解Web编程的技术。PHP是进行Web编程重要的一种语言，书上总是说，PHP是用于服务器端的编程语言。但是，实在不能理解它是怎么用于
- 一、安装redis 是一个 Key-Value 数据库Value 支持 string(字符串)，list(列表)，set(集合)，zset(
- 本文实例为大家分享了python使用正则筛选信用卡的具体代码，供大家参考，具体内容如下本文来源于两个简单的题目：1.判断一对单词是否是&qu
- 1.概述这篇文章主要介绍python调用工具包实现发送邮件服务。在第二篇文章中介绍封装邮件服务工具类，该工具类将可以应用到其他的项目中。2.
- 当数据量猛增的时候，大家都会选择库表散列等等方式去优化数据读写速度。笔者做了一个简单的尝试，1亿条数据，分100张表。具体实现过程如下。首先
- 作者:peace.zhao 关于 游标 if,for 的例子 create or replace procedure peace_if is
- 本文研究的主要是Python面向对象之继承的相关内容，具体如下。Python 继承即一个派生类（derived class）继承基类（bas
- vue的传值及赋值作为Vue非资深的学习者，在工作中使用vue的时候还是遇见的很多所谓的坑，打算总结一下；就在昨天PM找到我，给我看了一个b
- 1.背景1.1. 项目介绍golang/sync库拓展了官方自带的sync库，提供了errgroup、semaphore、singlefli
- // Xml 转 数组, 包括根键 function xml_to_array( $xml ) { $reg = "/<(\
- 启发式评估法（Heuristic Evaluation）是一种用来发现用户界面设计中的可用性问题从而使这些问题作为再设计过程中的一部分被重视
- 他们是如何不让我的Teleport和Webzip工作的？你也可以做得到哦： <％dim UserAgentUser
- pandas提供了一个灵活高效的groupby功能，它使你能以一种自然的方式对数据集进行切片、切块、摘要等操作。根据一个或多个键（可以是函数
- #过滤式特征选择#根据方差进行选择，方差越小，代表该属性识别能力很差，可以剔除from sklearn.feature_selection
- 前面章节我们学些了文件对象的创建、写入与读取，并且针对 .py 文件 与 .txt 文件进行了有针对性的小练习。 通过前面的学习我们知道，文
- 本文主要介绍了Python3中PyQt5简单实现文件打开及保存，分享给大家，具体如下：# -*- coding: utf-8 -*-# Fo
- 在使用Django做前端后端项目时，登陆认证方法往往使用的是jwt_token，但是想自定义登陆成功和失败的返回体。1.当用户名和密码正确就
- var声明变量的作用域限制在其声明位置的上下文中var x = 0; // x是全局变量，并且赋值为0。console.log(typeof
