wangliang_wd

feat:优化我的收藏全选逻辑

... ... @@ -23,7 +23,7 @@ struct BrowsingHistoryPage {
@State allDatas :CompDTO[] = [];
@State selectDatas :CompDTO[] = [];
@Provide deleteNum :number = 0;
@Provide isAllSelect:boolean = false
aboutToAppear(){
this.getData()
}
... ... @@ -46,8 +46,8 @@ struct BrowsingHistoryPage {
if (this.isEditState){
CustomBottomFuctionUI({
selectAllCallback:(isOn)=>{
this.allSelectDatas(isOn)
selectAllCallback:(isAllSelect)=>{
this.allSelectDatas(isAllSelect)
},
confirmCallback:()=>{
this.deleteDatas()
... ... @@ -142,6 +142,8 @@ struct BrowsingHistoryPage {
this.selectDatas.splice(this.selectDatas.indexOf(compDTO),1)
}
this.deleteNum = this.selectDatas.length
this.isAllSelect = this.deleteNum === this.allDatas.length?true:false;
}
//全选
... ... @@ -174,4 +176,3 @@ struct BrowsingHistoryPage {
this.isEditState = false
}
}
... ...
... ... @@ -23,7 +23,7 @@ struct MyCollectionListPage {
@State allDatas :CompDTO[] = [];
@State selectDatas :CompDTO[] = [];
@Provide deleteNum :number = 0;
@Provide isAllSelect:boolean = false
aboutToAppear(){
this.getData()
}
... ... @@ -46,8 +46,8 @@ struct MyCollectionListPage {
if (this.isEditState){
CustomBottomFuctionUI({
selectAllCallback:(isOn)=>{
this.allSelectDatas(isOn)
selectAllCallback:(isAllSelect)=>{
this.allSelectDatas(isAllSelect)
},
confirmCallback:()=>{
this.deleteDatas()
... ... @@ -142,6 +142,8 @@ struct MyCollectionListPage {
this.selectDatas.splice(this.selectDatas.indexOf(compDTO),1)
}
this.deleteNum = this.selectDatas.length
this.isAllSelect = this.deleteNum === this.allDatas.length?true:false;
}
//全选
... ...
... ... @@ -2,7 +2,7 @@
@Component
export struct CustomBottomFuctionUI {
@Consume deleteNum: number
@State isOn: boolean = false
@Consume isAllSelect: boolean
selectAllCallback: (isOn: boolean) => void = () => {
}
confirmCallback: () => void = () => {
... ... @@ -10,12 +10,12 @@ export struct CustomBottomFuctionUI {
build() {
RelativeContainer(){
Row(){
Image(this.isOn?$r("app.media.MyCollection_selected_icon"):$r("app.media.MyCollection_unselected_icon"))
Image(this.isAllSelect?$r("app.media.MyCollection_selected_icon"):$r("app.media.MyCollection_unselected_icon"))
.width('20')
.height('20')
.margin({right:'31lpx' })
Text(this.isOn?'取消':'全选')
Text(this.isAllSelect?'取消':'全选')
.fontColor($r('app.color.color_222222'))
.backgroundColor(Color.White)
}
... ... @@ -26,8 +26,8 @@ export struct CustomBottomFuctionUI {
left: {anchor: "__container__", align: HorizontalAlign.Start}
})
.onClick(()=>{
this.isOn = !this.isOn;
this.selectAllCallback(this.isOn)
this.isAllSelect = !this.isAllSelect;
this.selectAllCallback(this.isAllSelect)
})
... ...