岗隆购-首页组件

API

Props

| 参数 | 说明 | 类型 | 默认值 | 必须 | | ---- | ---- | ---- | ---- | ---- | | apiBaseUrl | api接口基础头,example:http://xx/api/ | string | - | true | | headOpen | 是否需要头部撑开 | boolean | true | false | | showSys | 是否显示扫一扫图标 | boolean | true | false |

Events

| 事件名 | 说明 | 回调参数 | | ---- | ---- | ---- | | ad-location-click | 广告位点击触发 | adItemData：广告位信息 | | search-click | 搜索栏点击触发 | - | | goods-card-click | 商品位点击触发 | {goodsId:100,goodsImg:"url",goodsName:"name"} | | more-classify-click | 分类左侧更多点击触发 | parentClassifyId:分类id | | every-day-box-click | 每日特价区域点击 | — | | sys-camera-click | 扫一扫相机点击 | — | | sys-photo-click | 扫一扫相册点击 | — |

Example

• main.js

import FirstPage from 'ganglonggou-firstpage/dist/ganglonggou-firstpage.common';
import 'ganglonggou-firstpage/dist/ganglonggou-firstpage.css'
Vue.use(FirstPage);

• 使用

 <first-page :api-base-url="apiBaseUrl"
                :head-open="true"
                :show-sys="true"
                @ad-location-click="adLocationClick"
                @search-click="searchClick"
                @goods-card-click="goodsCardClick"
                @more-classify-click="moreClassifyClick"
                @every-day-box-click="everyDayBoxClick"
                @sys-camera-click="cameraClick"
                @sys-photo-click="photoClick"
    />