data-structure.md 13.2 KB

页面数据结构说明

通用

商品信息

{
    id: 1,
    thumb: 'path/to/goods/img',
    url: '',
    name: '',
    salePrice: 500,
    price: 1000,
    tags: [
        {
            isNew: true //NEW
        },
        {
            isSale: true //SALE
        },
        {
            isLimit: false //限量商品
        },
        {
            isNewFestival: false //新品节
        },
        {
            isReNew: true //再到着
        }
    ],
    isFew: true //即将售罄
}

侧栏导航

{
    sideNav:[
        {
            textCn: '',
            textEn: '',
            styleClass: 'boys', //boys,girls,kids,life,new,guang
            url: '',
            //子菜单
            subNav: {
                list: [
                    {
                        textCn: '',
                        textEn: '',
                        back: true/false,
                        isSelect: true/false,
                        url: ''
                    },
                    ...
                ]
            }
        },
        ...
    ]
}

站点头部和尾部

//header
{
    pageHeader: {
        //对应页面有就传,没有就不传
        navBack: '',
        navTitle: '',
        navHome: ''
    }
}

//footer已登录
{
    pageFooter: {
        user: {
            name: '',
            url: '',
            signoutUrl: ''
        }
    }
}

//footer未登录
{
    pageFooter: {
        loginUrl: '',
        signupUrl: ''
    }
}

首页

{
    headerDownload: {
        img: '',
        url: ''
    },
    homeHeader: {
        bgColor: '',
        searchUrl: ''
    },
    content: [
        //banner
        {
            banner: {
                list: [
                    {
                        url: '',
                        img: ''
                    },
                    ...
                ]
            }
        },
        //图标入口
        {
            iconsEnter: {
                list: [
                    {
                        url: '',
                        img: '',
                        text: ''
                    },
                    ...
                ]
            }
        },
        //热门分类
        {
            hotCategory: {
                img: '',
                url: '',
                list: [
                    {
                        img: '',
                        url: '',
                        textCn: ''
                    },
                    ...
                ]
            }
        },
        //热门品牌
        {
            hotBrands: {
                img: '',
                url: '',
                list: [
                    {
                        name: '',
                        img: '',
                        url: ''
                    },
                    ...
                ]
            }
        },
        //搭配
        colloaction: {
            name: '潮人  搭配',
            more: '',
            imgs: [
                {
                    img: '',
                    url: ''
                },
                ...
            ],
            recos: [
                {
                    img: '',
                    url: ''
                },
                ...
            ]
        },
        //话题
        topic: {
            name: '潮品  话题',
            more: '',
            list: [
                {
                    url: '',
                    img: '',
                    title: '',
                    time: ''
                },
                ...
            ]
        },
        //商品分类Block
        goodsCategory: {
            name: '经典裤装',
            more: '',
            banner: {
                list: [
                    {
                        img: '',
                        url: ''
                    },
                    ...
                ]
            },
            //TODO:与创意生活BLOCK的区别就是下面图片一个是5张一个是6张,是否可以合并成到此处
            list: [
                {
                    img: '',
                    url: '',
                    textCn: ''
                },
                ...
            ]
        },
        //plus+Satr
        {
            plusStar: {
                name: '',
                url: '',
                img: ''
            }
        },
        //你可能喜欢
        {
            goods: [
                {...}, //商品信息
                ...
            ]
        }
    ]
}

资讯(公用)

{
    id: 1,
    showTags: true/false, //是否显示标签
    img: '',
    url: '',
    title: '',
    text: '',
    publishTime: '',
    pageView: '',
    like: {
        isLiked: true,
        count: 1
    },
    share: false,
    isFashionMan: true, //标签分类:isTip、isCollocation、isFashionMan、isFashionGood、isTopic
    author: {
        id: '',
        avatar: '',
        name: ''
    }
}

逛首页

{
    swiper: [
        {
            url: '',
            img: ''
        },
        ...
    ],
    navs: [
        {
            typeId: 1,
            type: '最新',
            focus: true
        },
        ...
    ],
    infos: [
        [
            {...}, //资讯
            ...
        ],
        ...
    ]
}

逛列表页

{
    infos: 
    [
        {
            show: true,
            info: [
                {...}, //标签
                ...
            ]
        },
        ...
    ]
}

编辑页

{
    author: {
        avatar: '',
        name: '',
        info: ''
    },
    infos: [
        {...}, //标签
        ...
    ]
}

逛详情页

{
    id: '',
    author: {
        id: 1,
        avatar: '',
        name: '',
        intro: '',
        url: ''
    },
    article: {
        title: '',
        publishTime: '',
        pageView: 3445,
        content: [
            {
                text: {
                    deps: ''
                }
            },
            {
                bigImage: {
                    src: ''
                }
            },
            {
                smallImage: {
                    imgs: [
                        {
                            src: ''
                        },
                        {
                            src: ''
                        }
                    ]
                }
            },
            {
                recommendation: {
                    list: [
                        {...}, //商品信息
                        ...
                    ]
                }
            },
            {
                collocation: {
                    list: [
                        {
                            thumb: '',
                            type: 'pants',
                            products: [
                                {...}, //商品信息
                                ...
                            ]
                        },
                        ...
                    ]
                }
            }
        ]
    },
    relatedBrands: {
        list: [
            {
                thumb: '',
                name: '',
                url: ''
            },
            ...
        ]
    },
    tags: {
        list: [
            {
                name: '',
                url: ''
            },
            ...
        ]
    },
    relatedArticles: [
        {
            thumb: '',
            title: '',
            url: '',
            publishTime: ''
        },
        ...
    ]
}

PLUS+STAR

//列表页
{
    ps: {
        star: [
            {
                deps: '',
                //情况1:一张图
                url: '',
                img: '',
                //情况2:多张图
                imgs: [
                    {
                        url: '',
                        img: ''
                    },
                    ...
                ]
            }
        ],
        plus: [
            ...
        ]
    }
}
//详情页
{
    ps: {
        id: 1,
        banner: '',
        log: '',
        name: '',
        isLike: '',
        likeUrl: '',
        intro: '',
        newArrival: {
            moreUrl: '',
            naList: [
                {...}, //商品信息
                ...
            ]
        },
        infos: [
            {...}, //资讯
            ...
        ]
    }
}

模板页

{
    content: [
        {
            img: {
                src: '',
                url: ''
            }
        },
        {
            text: ''
        },
        {
            recommendation: {
                recos: [
                    {...}, //商品信息
                    ...
                ]
            }
        },
        {
            brands: {
                list: [
                    {
                        thumb: '',
                        name: '',
                        url: ''
                    },
                    ...
                ]
            }
        },
        {
            goods: {
                classify: [
                    {
                        type: 'brand',
                        name: '品牌'
                    },
                    ...
                ],
                newPatterns: [
                    {...}, //商品信息
                    ...
                ]
            }
        }
    ]
}

SALE

{
    headerBanner: {
        list: [
            {
                url: '',
                img: ''
            },
            ...
        ]
    },
    saleSection: {
        list: [
            {
                img: '',
                url: ''
            },
            ...
        ]
    },
    goodsContainer: {
        name: '最新降价',
        goodsNav: {
            newPatterns: true,
            price: true,
            salesVolume: true,
            screen: true
        },
        goods: [
            {...}, //商品信息
            ...
        ]
    }
}

登录、注册、找回密码

TIP:登录注册找回密码页面body有特有样式,因为数据中需要传一个isPassportPage为body添加一个class

通用头部(包含在每个页面中)

{
    backUrl: '', //GO-BACK链接, 不显示则不传
    showHeaderImg: true/false, //显示头部图片
    headerText: '' //头部标题文字
}

区域列表

[
    {
        areaCode: '+86', //区号
        selected: true/false,
        name: '中国'
    },
    ...
]

登录

//登录页
{
    account: '', //默认填入的用户名
    registerUrl: '', //免费注册地址
    aliLoginUrl: '',
    weiboLoginUrl: '',
    qqLoginUrl: '',
    interationalUrl: '',
    phoneRetriveUrl: '',
    emailRetriveUrl: ''
}

//国际账号登录页
{
    countrys: [...], //区域列表
    countryCode: '',
    phoneNum: ''
}

注册

//注册页
{
    countrys: [...], //区域列表
    countryCode: '' //默认区号
}

//验证码
{
    areaCode: '',
    phoneNum: ''
}

//密码页
{
    ... //仅头部
}

找回密码

//邮箱找回&重置密码
{
    ... //仅头部
}

//邮箱找回成功
{
    goEmail: '',
    resendUrl: ''
}

//手机找回
{
    countrys: [...],
    countryCode: ''
}

//手机找回验证码
{
    areaCode: '',
    phoneNum: ''
}