小程序點擊添加class
A. 在微信小程序中是怎麼修改button樣式的
刪除原有的 type 屬性,自己添加 class 即可,class 代碼寫在 wxss 文件中。如下:在微信小程序中是怎麼修改button樣式的
B. 小程序怎麼寫點擊按鈕時變色,松開後恢復原來的顏色
小程序的點擊事件里,有對應的方法。
bindtouchstart="handleTouchStart" //按下未松開
bindtouchend="handleTouchEnd" //松開
再寫出你想要的操作就行了
C. 微信小程序,weixin,求助,一個循環列表,點擊自身時增加一個樣式
第一步,把要改變樣式添加到相應js文件的全局變數中,如: data : { color : '#000' }
第二步,將變數綁定到view中,如:<view style="color:{{color}}">
第三步,在view中添加事件,如: bindtap="changeColor"
第四步,在相應js文件中添加該自定義方法:
, changeColor: function(e){
this.setData({ color : '#fff' });
}
D. 編寫java一個小程序,編譯時告訴我需要.class,我應該怎麼修改求高手解答!
連main方法都不寫你的程序的入口都沒有 你怎麼可能運行得出來
而且 set()裡面寫int是什麼語法 建議多看看java基礎再來寫
E. 微信小程序點擊移除添加class
//笨方法
//wxml
<view class="flex-item fl bc_green {{num==0 ? 'bc_red':''}}" bindtap="click1">1</view>
<view class="flex-item fl bc_green {{num1==0 ? 'bc_red':''}}" bindtap="click2">2</view>
<view class="flex-item fl bc_green {{num2==0 ? 'bc_red':''}}" bindtap="click3">3</view>
//js
Page({
data:{
num:1,
num1:0,
num2:0
},
click1:function(){
var that=this;
that.setData({
num:1,
num1:0,
num2:0
})
},
click2:function(){
var that=this;
that.setData({
num1:1,
num:0,
num2:0
})
},
click3:function(){
var that=this;
that.setData({
num2:1,
num1:0,
num:0
})
},
})
//改良;
//只需綁定一個事件即可,獲取data-num值,賦值給_num,然後判斷。。。。
<view class="flex-wrp" style="">
<view data-num="1" class="flex-item fl bc_green {{_num==1 ? 'bc_red':''}}" bindtap="click">1</view>
<view data-num="2" class="flex-item fl bc_green {{_num==2 ? 'bc_red':''}}" bindtap="click">2</view>
<view data-num="3" class="flex-item fl bc_green {{_num==3 ? 'bc_red':''}}" bindtap="click">3</view>
</view>
//js
Page({
data:{
_num:1
},
click:function(e){
console.log(e.target.dataset.num)
this.setData({
_num:e.target.dataset.num
})
}
})
F. 微信小程序class類的外部調用後引用失敗
js 一般調用的是 方法 funtion exports輸出方法名稱,引用js 然後 (js名稱.方法名) 這樣調用
G. 小程序view嵌套點擊事件問題
在組件中綁定一個事件處理函數。
如bindtap,當用戶點擊該組件的時候會在該頁面對應的Page中找到相應的事件處理函數
<view bindtap="view"> <text bindtap="toast" class="journey">開啟小程序之旅 </text> </view>
子元素觸發父級元素也會觸發若要只觸發子元素使用catchtap代替bindtap
在相應的Page定義中寫上相應的事件處理函數,參數是event。
Page({ toast: function (event) { // wx.navigateTo({ // url: '../redirect/redirect' // }); wx.redirectTo({ url: '../redirect/redirect', }); // view:function(event){ // // 父級元素 // } }, /** * 生命周期函數--監聽頁面隱藏/並未關閉返回 */ onHide: function (event) { console.log(event) }, /** * 生命周期函數--監聽頁面卸載/ */ onUnload: function () { console.log(222) }, })
事件分類
冒泡事件:當一個組件上的事件被觸發後,該事件會向父節點傳遞。
非冒泡事件:當一個組件上的事件被觸發後,該事件不會向父節點傳遞。
WXML的冒泡事件列表:
類型 觸發條件 touchstart 手指觸摸動作開始 touchmove 手指觸摸後移動 touchcancel 手指觸摸動作被打斷,如來電提醒,彈窗 touchend 手指觸摸動作結束 tap 手指觸摸後馬上離開 longtap 手指觸摸後,超過350ms再離開
註:除上表之外的其他組件自定義事件如無特殊申明都是非冒泡事件,如<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件,(詳見各個組件官方文檔)
H. 微信小程序怎麼給for循環的view點擊時添加樣式
<view wx:for='{{6}}' wx:for-index="index" wx:for-item="item" style='{{key==index?"color:red;":""}} z-index:999;' bindtap='changColor' data-index='{{index}}'>{{item}}</view>
changColor:function(e){
this.setData({
key: e.target.dataset.index
})
},
I. 微信小程序class標簽問題
要確定一點,wxss和wxml在一個文件夾里,其次,名字要一致,再其次,兩邊修改完都要保存。。如果還不行,大胸弟,可能是你標簽什麼的寫錯了,或者是用了中文符號。
J. 微信小程序怎麼給for循環的view添加樣式
1、把要改變樣式添加到相應js文件的全局變數中。
2、將變數綁定到view中。
3、在view中添加事件。回
4、在相應js文件中添加該自定義答方法changeColor, function,e,this.setData,color , #fff。