溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了微信小程序實現點擊按鈕后修改顏色,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
需實現的功能：
點擊按鈕后，按鈕的顏色會加深
效果展示：
原按鈕
點擊后的按鈕
思路：
給按鈕設置一個點擊事件，點擊了按鈕后，修改按鈕的樣式。
代碼：
test.wxml文件
<view wx:if="{{sty==0}}">
<view class="score" catchtap='score'>
<text>按鈕一</text>
</view>
</view>
<view wx:if="{{sty==1}}">
<view class="score" catchtap='score'>
<text>按鈕一</text>
</view>
</view>
test.js文件
Page({
/*** 頁面的初始數據*/
data: {
sty:0,
score: '#fff5df',
},
score: function (e) {
//點擊按鈕，樣式改變
let that = this;
that.setData({
sty: 1,
score: 'rgba(252,178,22, 0.3)'
});
},
)}
test.css文件
.score{
width:335rpx;
border-radius:10rpx 0rpx 0rpx 10rpx;
}
.score text{
color: #FCB216;
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
