update: 新增发现和我的栏目
This commit is contained in:
parent
b6c4e65ed9
commit
2fe7fbbbd9
61
components/WaterfallsFlowItem/WaterfallsFlowItem.vue
Normal file
61
components/WaterfallsFlowItem/WaterfallsFlowItem.vue
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<template>
|
||||||
|
<view class="wf-item-page">
|
||||||
|
<image :src="item.story_file[0]" class="item-img" />
|
||||||
|
<view class="item-desc">
|
||||||
|
{{item.story_title || ''}}
|
||||||
|
</view>
|
||||||
|
<view class="item-info">
|
||||||
|
<image :src="item.user_avatar" mode="aspectFill" class="info-avatar" />
|
||||||
|
<view class="info-nickname">{{item.user_nickname}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
item:{
|
||||||
|
type:Object,
|
||||||
|
require:true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.wf-item-page{
|
||||||
|
background: #fff;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-info{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-avatar{
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-nickname{
|
||||||
|
font-size: 12px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-desc{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px 5px 0px 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -14,6 +14,7 @@
|
|||||||
<view class="desc">首页</view>
|
<view class="desc">首页</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view
|
<view
|
||||||
:class="['item', { current: current == 2 }]"
|
:class="['item', { current: current == 2 }]"
|
||||||
@click="
|
@click="
|
||||||
@ -33,14 +34,25 @@
|
|||||||
<view class="desc">分类</view>
|
<view class="desc">分类</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view
|
|
||||||
|
<view
|
||||||
:class="['item', { current: current == 3 }]"
|
:class="['item', { current: current == 3 }]"
|
||||||
@click="gopage(3,'/pagesub/index/feed')"
|
@click=" gopage(3,`/pages/index/image?category_id=${categoryId}&store_id=${storeId}`)"
|
||||||
>发现</view
|
>
|
||||||
> -->
|
<view class="box">
|
||||||
|
<image
|
||||||
|
v-if="current == 3"
|
||||||
|
class="icon"
|
||||||
|
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_feed_cur.png"
|
||||||
|
/>
|
||||||
|
<image v-else class="icon" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_feed.png" />
|
||||||
|
<view class="desc">发现</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view
|
<view
|
||||||
:class="['item', { current: current == 4 }]"
|
:class="['item', { current: current == 4 }]"
|
||||||
@click="gopage(4, '/pages/index/cart')"
|
@click="gopage(4, `/pages/index/cart?category_id=${categoryId}&store_id=${storeId}`)"
|
||||||
>
|
>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<image
|
<image
|
||||||
@ -53,11 +65,21 @@
|
|||||||
<text class="icon_badge">{{ goodsNum }}</text>
|
<text class="icon_badge">{{ goodsNum }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view
|
|
||||||
|
<view
|
||||||
:class="['item', { current: current == 5 }]"
|
:class="['item', { current: current == 5 }]"
|
||||||
@click="gopage(5,`/pagesub/index/goods?store_id=${storeId}`)"
|
@click="gopage(5,`/pages/index/member?category_id=${categoryId}&store_id=${storeId}`)"
|
||||||
>商品</view
|
>
|
||||||
> -->
|
<view class="box">
|
||||||
|
<image
|
||||||
|
v-if="current == 5"
|
||||||
|
class="icon"
|
||||||
|
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_mine_cur.png"
|
||||||
|
/>
|
||||||
|
<image v-else class="icon" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_mine.png" />
|
||||||
|
<view class="desc">我的</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -100,9 +122,15 @@ export default {
|
|||||||
console.log("当前页面,不执行跳转");
|
console.log("当前页面,不执行跳转");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.$.navigateTo({
|
if([3,5].includes(tabIndex)){
|
||||||
url,
|
this.$.switchTab({
|
||||||
});
|
url,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.$.navigateTo({
|
||||||
|
url,
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user