如何设置移动端的tab栏

这是添加tab栏的代码：

{

                    "id": "tabBar1",

                    "styles": {

                        "bottom": "0px",

                        "left": "0",

                        "height": "50px",

                        "width": "33%",

                        "backgroundColor": "#f7f7f7"

                    },

                    "tags": [

                        {

                            "tag": "font",

                            "id": "tabBar11",

                            "text": "ue500",

                            "position": {

                                "top": "4px",

                                "left": "0",

                                "width": "100%",

                                "height": "24px"

                            },

                            "textStyles": {

                                "fontSrc": "_www/fonts/mui.ttf",

                                "align": "center",

                                "size": "24px"

                            }

                        }, {

                            "tag": "font",

                            "id": "tabBar12",

                            "text": "热映",

                            "position": {

                                "top": "23px",

                                "left": "0",

                                "width": "100%",

                                "height": "24px"

                            },

                            "textStyles": {

                                "align": "center",

                                "size": "10px"

                            }

                        }

                    ]

                },