小程序点击按钮后修改颜色(样式)

发布时间：2020-12-14 19:04:14 所属栏目：资源来源：网络整理

导读：需实现的功能：点击按钮后，按钮的颜色会加深效果展示：原按钮? 点击后按钮思路：给按钮设置一个点击事件，点击了按钮后，修改按钮的样式。代码： test.wxml文件 view wx:if = "{{sty==0}}" class "score" style " background - color :{{ score }}; c

需实现的功能：

点击按钮后，按钮的颜色会加深

效果展示：

原按钮?

点击后按钮

思路：

给按钮设置一个点击事件，点击了按钮后，修改按钮的样式。

代码：

test.wxml文件


 <view wx:if="{{sty==0}}">
>
</view>
</view>
>
</view>
test.js文件

Page({
  data: {
    score '#fff5df' 
 score function(e){
   let that =this;
     sty 1

)}


test.css文件

  width335rpx;
}
  color #FCB216;

            
            	相关内容

html – 文字左侧和图像右侧
html – &gt;对列表行做
[转]那些相见恨晚的 JavaScript 技巧
Sublime Text 2和R.
javascript  – 如何查看用户选择是否在HTML范围内
html – 使用Bootstrap中心下拉菜单
如何在symfony2中使用一个按钮提交多个相同类型的表单
微信小程序选择图片和放大预览图片功能
swfupload ajax无刷新上传图片实例代码
r – 编织HTML不保存html in vignettes /

            
        
    
    
    	
        推荐文章
            
        
    	
        站长推荐
            相同字符的HTML字符实体“=”
jQuery实现径向动画菜单效果
京东购物小程序cookie方案实践
html – 如何用css“着色”图像
小程序中数据拷贝的问题解析
checkbox与radio无法与文字对其（无法垂直居中）
为什么15％85％不给100％. Web布局HTML / css
html – 如何创建多边形形状div
html – 如何记录一个大型网站的CSS
html – 如何在Blogger中启用内联快速编辑？
        
        
        
    	
        热点阅读
            
        
        
        
	



【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。
建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果
Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同

小程序 点击按钮后修改颜色(样式)

需实现的功能：

效果展示：

思路：

代码：

小程序点击按钮后修改颜色(样式)