主要思路就是在data裡面定義乙個屬性,屬性值就是這個數量。點選+的時候就+1,點選-的時候就-1,再結合setdata更改這個數字。當數字等於1的時候,要給-的按鈕新增乙個disabled的屬性。
wxml**:
<樣式檔案我就不展示了,自己發揮~view
class
='row
item-center'
>
<
button
class
="buy-num-btn btn-minus"
disabled
="}"
plain
='ture'
bindtap
='minusnum'
>-
button
>
<
input
class
='buy-num-txt'
type
='number'
value
='}'
>
input
>
<
button
class
="buy-num-btn btn-add"
plain
='ture'
bindtap
='addnum'
>+
button
>
view
>
js**:
page(,給大夥瞅瞅效果://數字加1
addnum: function
() )
},//
數字減1
minusnum: function
()
//數字<=1時,開啟 - 按鈕的disable狀態
var minusstatus = coursecount <= 1 ? true : false
;
this
.setdata();
}})
4不4感覺超~~簡單的~~
微信小程式購物車功能
管理您的購物車 點選立即前往 全選 合計 結算 page shop mana management goto carts goods goods check checkbox goods details goods img goods img image goods title goods name...
微信小程式之購物車demo
這篇小demo主要使用了一下幾個技術點 1 全域性變數的使用 在這裡定義的變數 任何乙個頁面和元件都可以訪問到 在使用到的頁面 宣告乙個例項 然後 這樣就可以訪問到 修改也可以直接修改 2 input元件的使用 這種把checkbox group 放在循壞裡面是不太好的 因為這樣列印那個事件e的話取...
微信小程式之購物車功能
先來弄清楚購物車的需求。根據設計圖,我們可以先實現靜態頁面。接下來,再看看乙個購物車需要什麼樣的資料。知道了需要這些資料,在頁面初始化的時候我們先定義好這些。page onshow 購物車列表資料我們一般是通過請求伺服器拿到的資料,所以我們放在生命週期函式裡給 carts 賦值。想到每次進到購物車都...