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.
54 lines
1.2 KiB
54 lines
1.2 KiB
<template>
|
|
<view class="wishlist_body">
|
|
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" title="Favorites" 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/like.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;
|
|
}
|
|
.wishlist_item_bottom{
|
|
width: 220rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
</style>
|