# 功能配置介绍 针对原生页面中的 部分配置 做出说明 |配置项|必填|说明| |:---|:---|:---| |拦截地址|是|当跳转的链接和拦截地址一致的情况下，跳转会被拦截，并打开原生页面（对应填写的拦截地址）| |接口地址|是|页面数据接口| |导航栏开关|否|此导航栏和原生组件里面的导航栏相互独立| |请求参数|是|只提供原生列表页数据接口，用于分页请求数据，表示请求的第几页数据，值由用户根据自己的接口自命名| |登陆链接|是|只提供原生个人中心页面使用，当用户处于未登陆状态时，点击个人信息默认组件区域所跳转的链接| 每一个接口请求的时候添默认加cookie信息，作为判断当前用户状态的依据。您可以通过接收的cookie信息来处理接口提供的数据。这里的cookie信息是从您的网站内得到的 ## 接口文档说明 + ## **原生首页** | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | all_data| array || | 是| all_data 格式如下： 详细字段解释见下表(字段详情表): ```json { "all_data": [ { "type": "banner", "height": "150", "list": [] }, { "type": "gongge", "num": "5", "list": [] } ... .... ..... ]} ``` ##### **字段详情表** | 字段 | 类型 | 说明| 备注| 是否必须| | :---: | :---: | --- | --- | --- | | type| string |布局类型 |取值范围：</br> banner、gongge、img4(见下图)、img3left(见下图)、img3right(见下图)、titleimg3(见下图)、titleimg2(见下图)、titleimg1(见下图)、piclistimgleft_subright(见下图)、piclistimgright_subright(见下图)、piclistimgleft_subleft(见下图)、piclistimgright_subleft(见下图)、goodslistimgleft_subright(见下图)、goodslistimgleft_subleft(见下图)、goodslistimgup_subright(见下图)、goodslistimgup_subleft(见下图) | 是| | height| int |轮播图的高度 |只在type为banner的时候使用 | 是| | list| Array | |每一个type对应不同的数据结构，下面会有说明 | 是| | num| int |每行显示的个数 |只在type为gongge时使用 | 是| | imgleft| string |标题左侧小图标 | 当type为titleimg1、titleimg2、titleimg3的时候使用| 否| | title| string | 主标题|当type为titleimg1、titleimg2、titleimg3的时候使用 |是 | | subtitle| string |副标题 |当type为titleimg1、titleimg2、titleimg3的时候使用 | 是| | titlesize| int |主标题文字大小 | |否 | | titlecolor| 十六进制|主标题文字颜色 | 例：0x009966|否 | | subtitlesize| int |副标题文字大小 | |否 | | subtitlecolor| 十六进制 |副标题文字颜色 |例：0x009966 |否 | | imgright| string |标题右侧小图标| |否 | **布局类型配图**  ### **type各类型取值详细实例** 1) type为banner时，list数据结构示例:(具体字段详情见下表) ```json { "type": "banner", "height": "150", "list": [ { "imgurl": "http://xxxx.png", "link": "" }] ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | link| string |点击跳转的链接 || 是| | imgurl| string |图片链接地址 || 是| 2) type为gongge时，list数据结构示例：(具体字段详情见下表) ```json { "type": "gongge", "num": "5", "list": [ { "imgurl": "http://53469401.png", "title": "数码", "link": "", "width": "50", "height": "50", "titlecolor": "0x009966", "titlesize": "14" }] } ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | link| string |点击跳转的链接 || 是| | imgurl| string |图片链接地址 || 是| | title| string |图片下方文字 || 是| | titlecolor| 十六进制| 文字颜色 || 否| | titlesize| int|文字大小 || 否| | width| int|图片宽度 || 否| | height| int|图片高度 || 否| 3) type为img4、img3left、img3right时，list数据结构示例:(具体字段详情见下表) ```json { "type": "img4", "list": [{ "imgurl": "http://469401.png", "link": "", "title": "\u6807\u98983", "titlesize": "14", "titlecolor": "0x009966" }] } ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | link| string |点击跳转的链接 || 是| | imgurl| string |图片链接地址 || 是| | title| string |图片上显示的文字 || 否| | titlecolor| 十六进制| 文字颜色 || 否| | titlesize| int|文字大小 || 否| 4) type为titleimg1、titleimg2、titleimg3时，list数据结构示例：(具体字段详情见下表) ```json { "type": "titleimg1", "imgleft": "http://tm.png", "title": "图片组件展示风格1", "subtitle": "一个可能有点儿字的子标题", "titlesize": "20", "titlecolor": "0x009966", "subtitlesize": "14", "subtitlecolor": "0x009966", "imgright": "http://ancher.jpg", "list": [{ "imgurl": "http://53469401.png", "link": "" }] } ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | link| string |点击跳转的链接 || 是| | imgurl| string |图片链接地址 || 是| type 取值 piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、piclistimgright_subleft goodslistimgleft_subright、goodslistimgleft_subleft、goodslistimgup_subright、goodslistimgup_subleft时，list数据结构是相似的. 下面 以goodslistimgup_subleft为示例:（其中详细字段解释见下面表格） ```json { "type": "goodslistimgup_subleft", "list": [{ "imgurl": "http://310x310.jpg_.webp", "link": "", "titles": [{ "imgleft": "http://tm.png", "imgleftwidth": "30", "imgleftheight": "17", "text": "运动套装春秋季纯色长袖卫衣", "textcolor": "0x222222", "textsize": "18", "imgright": "" }, { "imgleft": "http://a-209-42.png", "imgleftwidth": 50, "imgleftheight": "10", "text": "39.5", "textcolor": "0x00FF00", "textsize": "20", "imgright": "" }, { "imgleft": "", "text": "已售400", "textcolor": "0x222222", "textsize": "14", "imgright": "" }, { "imgleft": "http://!85.webp", "imgleftwidth": 50, "imgleftheight": "10", "text": "旗舰店", "textcolor": "0x222222", "textsize": "14", "imgright": "http://ncher.jpg", "imgrightwidth": "10", "imgrightheight": "10" }] } ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | link| string |点击跳转的链接 || 是| | imgurl| string |图片链接地址 || 是| | titles| array |item内容信息 (**详情见下表: titles数据结构**) |内容按照数组数据顺序从上向下显示| 是| + titles数据结构： | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | imgleft| string |文字左侧小图标 || 否| | imgleftwidth| int |文字左侧小图标宽度 || 否| | imgleftheight| int |文字左侧小图标高度 || 否| | imgright| string |文字右侧小图标|| 否| | imgrightwidth| int |文字右侧小图标宽度 || 否| | imgrightheight| int |文字右侧小图标高度 || 否| | text| string |图片下方文字 || 是| | textcolor| 十六进制| 文字颜色 || 否| | textsize| int|文字大小 || 否| + ## **原生列表页面** | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | all_data| model || | 是| all_data：数据结构如下：--详细字段见下表 ```json { "all_data": { "type": "goodslistimgup_subleft", "list": [{ "imgurl": "", "link": "", "titles": [] }] }} ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | type| string |布局标识 |包含的布局类型有：piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、piclistimgright_subleft、goodslistimgleft_subright、goodslistimgleft_subleft、goodslistimgup_subright、goodslistimgup_subleft | 是| | list| Array | |每一个type对应不同的数据结构，**type对应的list数据结构和上文一致** | 是| + ## **个人中心** | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | all_data| model || | 是| all_data：数据结构如下 --详细字段见下表 ```json { "all_data": { "islogin": 1, "name": "测试账户", "img": "http://头像.jpg", "type": 1, "num": 2, "list": [{ "title": "待付款", "link": "", "imgurl": "http://eListImg12.png" }, { "title": "待发货", "link": "", "imgurl": "http://eListImg12.png" }, { "title": "待收货", "link": "", "imgurl": "http://eListImg12.png" }] } } ``` | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | islogin| int |登陆状态 |0：未登录，1：已登陆| 是| | name| string |用户名 || 是| | img| string |头像 || 是| | type| int |布局类型| 1：宫格布局，2：列表布局| 是| | num| int |当type为1时使用，设置宫格每行的个数 || 否| | list| array| |**详细字段见下表: list 字段** | 是| + **list字段** | 字段 | 类型 | 说明| 备注| 是否必须| | --- | --- | --- | --- | --- | | title| string | 功能名称 | | 是| | link| string | 点击功能跳转的链接 || 是| | imgurl| string | 功能配图，在type为1的时候使用 || 是| | imgleft| string | 功能配图，在type为2的时候使用 |左边图标| 否| | imgleftwidth| int| 在type为2的时候使用，左边图标的宽度 || 否| | imgleftheight| int| 在type为2的时候使用，左边图标的高度 || 否| | imgright| string | 功能配图，在type为2的时候使用 |左边图标| 否| | imgrightwidth| int| 在type为2的时候使用，右边图标的宽度 || 否| | imgrightheight| int| 在type为2的时候使用，右边图标的高度 || 否|