码迷,mamicode.com
首页 > Web开发 > 详细

04_pages.json中首页style配置(顶部搜索框及左右按钮配置)

时间:2020-03-22 23:46:10      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:hold   配置   arc   mic   enter   写法   滚动   说明   input   

1.  pages.json配置

技术图片

 代码:

            "path": "pages/index/index",
            "style": {
                "app-plus": {
                    "scrollIndicator": "none", //隐藏滚动条
                    "titleNView": {
                        // 搜索框配置
                        "searchInput": {
                            "align": "center",               //搜索框中文字居中
                            "backgroundColor": "#F7F7F7",
                            "borderRadius": "4px",
                            "placeholder": "搜索糗事",
                            "placeholderColor": "#CCCCCC",   //搜索框内预定义文字的颜色
                            "disabled": true                 //先不启用
                        },
                        //配置按钮
                        "buttons": [
                            // 左边
                            {
                                "color": "#FF9619",
                                "colorPressed": "#BBBBBB",
                                "float": "left",             //浮动在左边
                                "fontSize": "22px",          //icon的大小,注意是px
                                "fontSrc": "/static/font/icon.ttf",
                                "text": "\ue609"             //注意写法
                            },
                            // 右边                         
                            {
                                "color": "#000000",
                                "colorPressed": "#BBBBBB",
                                "float": "right",           //浮动在右边
                                "fontSize": "22px",
                                "fontSrc": "/static/font/icon.ttf",
                                "text": "\ue653"            //注意写法
                            }
                        ]
                    }
                }
            }

2. 图标说明

技术图片

 3. 最终效果

 技术图片

04_pages.json中首页style配置(顶部搜索框及左右按钮配置)

标签:hold   配置   arc   mic   enter   写法   滚动   说明   input   

原文地址:https://www.cnblogs.com/luwei0915/p/12549201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!