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: ''
    },
    detail: {
        title: '',
        publishTime: '',
        pageView: 3445,
        content: [
            {
                text: ''
            },
            {
                bigImage: ''
            },
            {
                smallImage: [
                    {
                        src: ''
                    },
                    {
                        src: ''
                    }
                ]
            },
            {
                //onlyOne
                relatedReco: {
                    onlyOne: true, //若只有一个商品,传此字段为true
                    thumb: '',
                    name: '',
                    salePrice: 123,
                    price: 213,
                    url: ''
                }

                //多个
                relatedReco: [
                    {...}, //商品信息
                    ...
                ]
            },
            {
                collocation:  [
                    {
                        thumb: '',
                        type: 'pants',
                        goods: [
                            {...}, //商品信息
                            ...
                        ]
                    },
                    ...
                ]
            }
        ]
    },
    relatedBrand: [
        {
            thumb: '',
            name: '',
            url: ''
        },
        ...
    ],
    relatedTag: [
        {
            name: '',
            url: ''
        },
        ...
    ],
    relatedInfo: [
        {
            thumb: '',
            squareThumb: true, //是否为方图
            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: ''
}