You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

50 lines
1.1 KiB

<template>
<view class="wishlist_body">
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" title="Wishlist" color="#000000" @clickLeft="back" @clickRight="isDelete=!isDelete"/>
<view class="wishlist">
<view class="wishlist_item" v-for="(item,index) in 9" :key="index">
<view class="wishlist_item_img">
<img src="/static/img/select.png" alt="" class="select" v-show="isDelete">
</view>
<view class="wishlist_item_bottom">
<text>US$31234.00</text>
<img src="/static/img/cart2.png" alt="" class="wishlist_item_bottom_icon">
</view>
</view>
</view>
<view class="wishlist_foot" v-show="isDelete">
<view class="wishlist_foot_left">
<img src="/static/img/select2.png" alt="">
<text>All</text>
</view>
<view class="wishlist_foot_right">
<button>Delete</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
isDelete:false
}
},
methods:{
back(){
uni.navigateBack()
}
}
}
</script>
<style lang="scss" scoped>
page{
}
.uni-navbar{
font-size: 32rpx;
font-weight: bold;
}
</style>