|
|
@@ -1,15 +1,12 @@
|
|
|
<template>
|
|
|
<mobile-frame :frameStyle="frameStyle" @toPath="toPath">
|
|
|
- <scroll-view class="scrollView" scroll-with-animation :scroll-into-view="topItem" scroll-y="true"
|
|
|
- @scroll="handleScroll">
|
|
|
+ <scroll-view class="scrollView" scroll-with-animation :scroll-into-view="topItem" scroll-y="true" @scroll="handleScroll">
|
|
|
<view class="main" id="top">
|
|
|
<view class="zero one">
|
|
|
- <input type="text" placeholder="搜索商品" @tap="toCommon('pagesHome/market/search')"
|
|
|
- placeholder-class="placss">
|
|
|
+ <input type="text" placeholder="搜索商品" @tap="toCommon('pagesHome/market/search')" placeholder-class="placss">
|
|
|
</view>
|
|
|
<view class="zero two">
|
|
|
- <swiper class="swiper" circular :indicator-dots="true" indicator-color="#ffffff"
|
|
|
- indicator-active-color="#FB1438" :autoplay="true" :interval="3000" :duration="1000">
|
|
|
+ <swiper class="swiper" circular :indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#FB1438" :autoplay="true" :interval="3000" :duration="1000">
|
|
|
<swiper-item class="list" v-for="(item,index) in bannerList" :key="index">
|
|
|
<image class="image" :src="item.url&&item.url.length>0?item.url[0].url:''" mode=""></image>
|
|
|
</swiper-item>
|
|
|
@@ -23,7 +20,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="zero four">
|
|
|
+ <!-- <view class="zero four">
|
|
|
<view class="recomList" v-for="(item,index) in recomList" :key="index">
|
|
|
<view class="list" v-for="(tag,indexs) in item.list" :key="indexs">
|
|
|
<view class="title">
|
|
|
@@ -35,7 +32,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<view class="zero five">
|
|
|
<view class="list" v-for="(item,index) in marketList" :key="index" @tap="toBuy(item)">
|
|
|
<image class="image" :src="item.file&&item.file.length>0?item.file[0].url:''" mode=""></image>
|
|
|
@@ -73,90 +70,8 @@
|
|
|
btnList: [ //功能按钮
|
|
|
],
|
|
|
recomList: [ //推荐好物
|
|
|
- {
|
|
|
- list: [ //商品
|
|
|
- {
|
|
|
- title: '新品上架',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- list: [ //商品
|
|
|
- {
|
|
|
- title: '发现好货',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '热销爆款',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- list: [ //商品
|
|
|
- {
|
|
|
- title: '首农精选',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '居家常备',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- list: [ //商品
|
|
|
- {
|
|
|
- title: '人气单品',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '夏季畅销',
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称'
|
|
|
- },
|
|
|
- ]
|
|
|
- }
|
|
|
-
|
|
|
],
|
|
|
marketList: [ //商品列表
|
|
|
- {
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称',
|
|
|
- money: 10
|
|
|
- },
|
|
|
- {
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称',
|
|
|
- money: 10
|
|
|
- },
|
|
|
- {
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称',
|
|
|
- money: 10
|
|
|
- },
|
|
|
- {
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称',
|
|
|
- money: 10
|
|
|
- },
|
|
|
- {
|
|
|
- url: require('@/static/test.png'),
|
|
|
- name: '商品名称',
|
|
|
- money: 10
|
|
|
- },
|
|
|
],
|
|
|
// 是否显示返回顶部
|
|
|
isShow: false,
|
