博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序实现两个下边框颜色互相切换
阅读量:3899 次
发布时间:2019-05-23

本文共 755 字,大约阅读时间需要 2 分钟。

在这里插入图片描述在这里插入图片描述

就上图一样的切换

直接上代码:

WXML代码:

    
未完成订单
历史订单

JS代码:

get_okorder: function () {
//这个是已完成订单 var _this = this; var noColor = this.data.okgroundColor == '#fff' ? '#64c2bb' : '#64c2bb'; var okColor = this.data.nogroundColor == '#64c2bb' ? '#fff' : '#fff'; var _this = this; this.setData({
okgroundColor: okColor, nogroundColor: noColor }); get_noorder: function () {
//这个是未完成订单 var okColor = this.data.okgroundColor == '#fff' ? '#64c2bb' : '#64c2bb'; var noColor = this.data.nogroundColor == '#64c2bb' ? '#fff' : '#fff'; var _this = this; this.setData({
okgroundColor: okColor, nogroundColor: noColor });

如果大佬发现有错误,或者有更好的方法,请联系本人,非常感谢!!!

转载地址:http://csyen.baihongyu.com/

你可能感兴趣的文章
杀掉nginx进程后丢失nginx.pid,如何重新启动nginx
查看>>
nginx另类复杂的架构
查看>>
Nginx流量复制/AB测试/协程
查看>>
使用NTP服务器完美解决VMware Linux时间无法同步问题
查看>>
机器学习笔记(3)---K-近邻算法(1)---约会对象魅力程度分类
查看>>
机器学习笔记(4)---K-近邻算法(2)---使用sklearn中的KNN算法
查看>>
数据结构——外部排序
查看>>
UNIX网络编程——System V 消息队列
查看>>
信号量、互斥锁,读写锁和条件变量的区别
查看>>
UNIX网络编程——Posix共享内存区和System V共享内存区
查看>>
js循环语句
查看>>
js中时钟的写法
查看>>
js事件冒泡
查看>>
Django模型中的字段类型和字段约束
查看>>
京东金融曹鹏:通过JDD大赛,实现“比你更懂你”的极致价值,让金融更简单,更平等
查看>>
HTML我的家乡杭州网页设计作业源码(div+css)~ HTML+CSS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业
查看>>
HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码
查看>>
HTML学生网页设计作业成品~化妆品官方网站设计与实现(HTML+CSS+JS)共8个页面
查看>>
web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)
查看>>
HTML期末大作业~棋牌游戏静态网站(6个页面) HTML+CSS+JavaScript
查看>>