Browse Source

对接完成首页显示

master
邓平艺 4 years ago
parent
commit
845a2ab3ac
  1. 10
      components/lf-indexFind/lf-indexFind.vue
  2. 25
      components/lf-indexShopMatrix/lf-indexShopMatrix.vue
  3. 22
      components/lf-shopGoodsCard/lf-shopGoodsCard.vue
  4. 50
      pages/index/index/index.vue

10
components/lf-indexFind/lf-indexFind.vue

@ -1,6 +1,6 @@
<template>
<view class="centent">
<view class="title" @click="$url('/pages/discover/discover')">精选发现好物</view>
<view class="title" v-if="showTitle" @click="$url('/pages/discover/discover')">{{ title }}</view>
<scroll-view class="find-scroll" :scroll-x="true" @scroll="scroll">
<view class="find-content">
<view class="find-item" :id="'find_'+ (index+1)"
@ -22,6 +22,14 @@
list: {
type: Array,
default: []
},
title: {
type: String,
default: '精选发现好物'
},
showTitle: {
type: [Number, Boolean],
default: 1
}
},
data(){

25
components/lf-indexShopMatrix/lf-indexShopMatrix.vue

@ -1,12 +1,13 @@
<template>
<view class="content">
<view class="title" @click="$url('/pages/index/category/category')">大牌不停推</view>
<view class="title" v-if="showTitle" @click="$url('/pages/index/category/category')">{{ title }}</view>
<view class="flex-box">
<view class="item" v-for="(item, index) in 16" :key="index" @click="$url('/pages/shop/shopdetail')">
<image class="bg-img" src="https://picsum.photos/200/300"></image>
<view class="item" v-for="(item, index) in list" :key="index"
@click="$url('/pages/shop/shopdetail?id='+ item.associate.id)">
<image class="bg-img" :src="item.image"></image>
<view class="shop">
<image src="../../static/images/empty.png"></image>
<view class="lf-line-1">DIOR迪奥</view>
<image :src="item.associate.logo"></image>
<view class="lf-line-1">{{ item.associate.name }}</view>
</view>
</view>
</view>
@ -15,6 +16,20 @@
<script>
export default {
props: {
list: {
type: Array,
default: []
},
showTitle: {
type: [Number, Boolean],
default: 1
},
title: {
type: String,
default: '大牌不停推'
}
},
data(){
return {

22
components/lf-shopGoodsCard/lf-shopGoodsCard.vue

@ -1,15 +1,17 @@
<template>
<view class="content">
<view class="shop" @click="$url('/pages/shop/specialList')">
<image class="img" src="https://picsum.photos/seed/picsum/200/300" mode="aspectFill"></image>
<image class="img" :src="main[0] && main[0].image" mode="aspectFill"></image>
</view>
<scroll-view class="scroll-view" :scroll-x="true">
<view class="scroll-content">
<view class="goods-item" v-for="(item, index) in 5" :key="index" @click="$url('/pages/shop/goodsdetail?type=mail')">
<image class="goods-img"></image>
<view class="goods-item"
v-for="(item, index) in list" :key="index"
@click="$url('/pages/shop/goodsdetail?type=mail&id='+ item.associate.id)">
<image class="goods-img" :src="item.associate.img"></image>
<view class="goods-info">
<view class="lf-line-1">猪大肠卖咯 5毛钱一斤咯</view>
<view>0.5</view>
<view class="lf-line-1">{{ item.associate.name }}</view>
<view>{{ item.associate.min_price }}</view>
</view>
</view>
<view class="goods-item" @click="$url('/pages/shop/specialList')">
@ -25,6 +27,16 @@
<script>
export default {
props: {
list: {
type: Array,
default: []
},
main: {
type: Array,
default: []
}
},
data(){
return {

50
pages/index/index/index.vue

@ -49,40 +49,40 @@
<!--套餐-->
<view v-if="item.name == 'micro_page_componet_suit' && item.value && item.value.length">
<!-- <view v-if="item.name == 'micro_page_componet_suit' && item.value && item.value.length">
<indexSuit :suit-data="item.value" :index-data="indexData" :show="item.is_show_title" :meta="item.meta"></indexSuit>
</view>
</view> -->
<!--大咖推荐-->
<!-- <view v-if="item.name == 'micro_page_componet_article_-' && item.value && item.value.length">
<bigCoffee :coffee-data="item.value" :coffee-title="item.title" :show="item.is_show_title" :meta="item.meta"></bigCoffee>
</view> -->
<!--专属方案-->
<view v-if="item.name == 'micro_page_componet_article_|' && item.value && item.value.length">
<!-- <view v-if="item.name == 'micro_page_componet_article_|' && item.value && item.value.length">
<exclusivePlan :plan-data="item.value" :plan-title="item.title" :show="item.is_show_title" :meta="item.meta"></exclusivePlan>
</view>
</view> -->
<!--健康美丽Tips-->
<view v-if="item.name == 'micro_page_componet_goods_group_change' && item.value && item.value.length">
<!-- <view v-if="item.name == 'micro_page_componet_goods_group_change' && item.value && item.value.length">
<healthTips :health-data="item.value" :title="item.title" :show="item.is_show_title" :meta="item.meta"></healthTips>
</view>
</view> -->
<!--猜你喜欢-->
<!-- <view v-if="item.name == 'micro_page_componet_guess_like' && item.value && item.value.length">
<waterfallsFlow :water-data="item.value" :title="item.title" :show="item.is_show_title" :meta="item.meta"></waterfallsFlow>
</view> -->
<!--拼团-->
<view v-if="item.name == 'micro_page_componet_groupon' && item.value && item.value.length">
<!-- <view v-if="item.name == 'micro_page_componet_groupon' && item.value && item.value.length">
<indexGroupon :index-data="item.value" :config="config" :server="microData.server_time" typename="拼团" :meta="item.meta"></indexGroupon>
</view>
</view> -->
<!--秒杀-->
<!-- <view v-if="item.name == 'micro_page_componet_seckill' && item.value && item.value.length">
<indexSeckill :index-data="item.value" :config="config" :server="microData.server_time" :big-index="index" @:startevent="isStarts" @:endevent="isEnd"
:meta="item.meta"></indexSeckill>
</view> -->
<!--打call indexCall-->
<view v-if="item.name == 'micro_page_componet_free_event' && item.value && item.value.length">
<!-- <view v-if="item.name == 'micro_page_componet_free_event' && item.value && item.value.length">
<indexCall :call-data="item.value" :config="config" :is-login="isLogin" :server="microData.server_time" :meta="item.meta"></indexCall>
</view>
</view> -->
<!-- 今日头条 TODO 暂时借用快捷导航字段判断 -->
<!-- 今日头条 -->
<view class="fuwu-tips" v-if="item.name == 'micro_page_componet_tips'">
<view class="fuwu-tips-title">今日头条</view>
<view>
@ -91,30 +91,30 @@
<text class="fuwu-tips-desc2">(部分品牌满额包邮)</text> -->
</view>
</view>
<!-- 活动页入口 TODO 根据旧版魔方修改,一张图 -->
<!-- 活动页入口, 根据旧版魔方修改,一张图 -->
<view class="lf-activity" v-if="item.name == 'micro_page_componet_cube' && item.value && item.value.length && item.type == '1_1'" @click="$url(item.value[0].link)">
<image :src="item.value[0].image" mode="aspectFill"></image>
</view>
<!-- TODO 新做秒杀模块,根据旧版秒杀修改 -->
<!-- 新做秒杀模块,根据旧版秒杀修改 -->
<view v-if="item.name == 'micro_page_componet_seckill' && item.value && item.value.length">
<lf-seckill :list="item.value" :title="item.title"></lf-seckill>
</view>
<!-- TODO 广告活动模块根据旧版魔方修改,三张图 -->
<!-- 广告活动模块根据旧版魔方修改,三张图 -->
<view v-if="item.name == 'micro_page_componet_cube' && item.value && item.value.length && item.type == '3_2'">
<lf-multi-column-ad :cube-data="item.value"></lf-multi-column-ad>
</view>
<!-- TODO 首页发现推荐模块根据大咖推荐文章修改 -->
<!-- 首页发现推荐模块 -->
<view v-if="item.name == 'micro_page_componet_discovery' && item.value && item.value.length">
<lf-index-find :list="item.value"></lf-index-find>
<lf-index-find :list="item.value" :title="item.title" :showTitle="item.is_show_title"></lf-index-find>
</view>
<!-- TODO 大牌不停推模块 - 店铺矩阵 -->
<view v-if="item.name == 'micro_page_componet_category' && item.value && item.value.length">
<lf-index-shop-matrix></lf-index-shop-matrix>
<!-- 大牌不停推模块 - 店铺矩阵 -->
<view v-if="item.name == 'micro_page_componet_brand_supplier' && item.value && item.value.length">
<lf-index-shop-matrix :list="item.value" :showTitle="item.is_show_title" :title="item.title"></lf-index-shop-matrix>
</view>
<!-- TODO 店铺商品展示模块 可根据micro_page_componet_category修改 -->
<view v-if="item.name == 'micro_page_componet_category' && item.value && item.value.length">
<view class="lf-module-title" @click="$url('/pages/shop/goodsSpecial')">好物种草间</view>
<lf-shop-goods-card v-for="(d_item,d_index) in item.value" :key="d_index"></lf-shop-goods-card>
<!-- 店铺商品展示模块 -->
<view v-if="item.name == 'micro_page_componet_brand_recommended' && item.value && item.value.length">
<view class="lf-module-title" v-if="item.is_show_title" @click="$url('/pages/shop/goodsSpecial')">{{ item.title }}</view>
<lf-shop-goods-card :list="item.value" :main="item.main"></lf-shop-goods-card>
</view>
<!--图片魔方-->
<!-- <view v-if="item.name == 'micro_page_componet_cube' && item.value && item.value.length">
@ -128,9 +128,9 @@
<!-- <view v-if="item.name == 'micro_page_componet_goods_group' && item.value && item.value.length">
<indexGrouping :grouping-data="item.value" :meta="item.meta"></indexGrouping>
</view> -->
<!-- TODO 为你推荐模块 -->
<!-- 为你推荐模块 -->
<view v-if="item.name == 'micro_page_componet_recommended' && item.value && item.value.length">
<view class="lf-module-title">为你推荐</view>
<view class="lf-module-title" v-if="item.is_show_title">{{ item.title }}</view>
<view style="padding: 0 11px;">
<lf-waterfall :list="transformList(item.value)"></lf-waterfall>
</view>

Loading…
Cancel
Save