taro成熟了嘛?坑还多吗?
逻辑实现:
a、点击全选,实现全选
b、单选
c、单选全部选择完时,全选自动勾选
d、全选后,取消一个单选的,则全选自动取消
e、自动计算订单金额
此坑踩了良久啊!
直接上代码,作为参考把!
import Taro, { Component } from '@tarojs/taro';
import { connect } from '@tarojs/redux';
import { View, Image, Button, Checkbox,Label ,Text,CheckboxGroup } from '@tarojs/components';
import { getCartList, delCartItem,getTotalMoney } from './service';
import './index.scss';
class Cart extends Component {
config = {
navigationBarTitleText: '购物车',
};
constructor() {
super(...arguments)
this.state = {
cartItems: [],//当前购物车列表
checkAll:false,//是否全选
totalMoney:0,
arr:[] //购物车每个item的d
}
}
onDeleteClothing = e => {
const id = e.currentTarget.dataset.id;
Taro.showModal({
content: '是否删除该商品?',
}).then(res => {
if (res.confirm) {
delCartItem(id).then(() => {
this.setState({
checkAll:false
});
// this.loadCartItems()
Taro.navigateTo({
url: `/pages/cart/index`,
})
})
}
});
};
componentDidMount = () => {
// 加载商品列表
this.loadCartItems()
};
componentDidShow() {
// 设置衣袋小红点
if (this.props.cartItems.length > 0) {
Taro.setTabBarBadge({
index: 1,
text: String(this.props.cartItems.length),
});