前端商城vue项目案例1

views/home.vue

<template>
  <div id="home" class="home">
    <van-search v-model="value" placeholder="商品搜索 共239款好物" input-align="center"/>
    <van-swipe :autoplay="3000" style="width:100%;height:200px">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image.image_url" style="width: 100%;height: 200px"/>
      </van-swipe-item>
    </van-swipe>

    <van-grid :column-num="5">
      <van-grid-item v-for="(item,index) in channel" :key="index" :icon="item.url" :text="item.name" />
    </van-grid>
    <div class="bran