首页 > 其他分享 >配置 uni-app 导航栏上按钮

配置 uni-app 导航栏上按钮

时间:2023-03-06 09:56:42浏览次数:45  
标签:栏上 app 字体 eee uni pages 图标

{
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "app-plus": {
                    "titleNView": {
                        "searchInput": {
                            "align": "center",
                            "backgroundColor": "#eee",
                            "borderRadius": "5px", // 只能用px作单位
                            "placeholder": "请输入内容",
                            "placeholderColor": "#ccc"
                        },
                        "buttons": [{
                            "color": "#F0AD4E",
                            "colorPressed": "#eee",
                            "float": "left",
                            "fontSize": "22px",
                            "fontSrc": "/static/iconfont.ttf", // 字体文件
                            "text": "\ue65d" // 字体图标\u 开头,加上字体图标unicode后面四位
                        },
                        {
                             "color": "#333",
                             "colorPressed": "#eee",
                             "float": "right",
                             "fontSize": "22px",
                             "fontSrc": "/static/iconfont.ttf", // 字体文件
                             "text": "\ue678" // 字体图标\u 开头,加上字体图标unicode后面四位
                        }
                        ]
                    }
                }
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    }
}

查看 uni-app 官网,buttons 配置即可

标签:栏上,app,字体,eee,uni,pages,图标
From: https://www.cnblogs.com/ljcgood66/p/17182714.html

相关文章

  • Flappybird(基于Unity)修改与完善
    项目分析在引擎中运行原游戏这是一个经典的游戏FlappyBird。在游戏中,我们需要点击空格键来使角色向上飞行来避开管道(障碍物),而不让小鸟碰到这些障碍物或飞出屏幕。游戏......
  • 说一下在写Android APP时遇到的具体问题
    问题一:总是显示出nosuchtable错误不要担心这个问题(该担心还是得担心一下的哈),以我出错多次的经验来看,只需要在运行APP之后,回到虚拟机的主界面,然后找到相应的APP虚拟软件,......
  • unity3D设置Target位置和怪物类型18
    设置每一组target怪物的编号TargetManager//18.设置target编号publicinttargetPosition;设置每一个怪物的编号MonsterManager//13.设置怪物的编号publ......
  • Android学习-每日打卡APP-实现浏览功能
    接着写每日打卡App现在实现了浏览功能packagecom.example.clockappliction;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.Intent;im......
  • APP学习7(自定义view)
    1.自定义view当系统控件不能满足需求是,需要自定义控件。自定义View常用的3个方法:onMeasure()方法:测量尺寸。onDraw()方法:绘制图像。onLayout()方法:指定布局中控件的......
  • APP学习6(RecycleView)
    1.RecycleViewAndroid5.0之后提供的用于在有限的窗口范围内显示大量数据的控件。与ListView相比,展示效果、适配器更好。代码:activity_main.xml<?xmlversion="1.0"......
  • unity3D存储音乐的开关状态17
    存储背景音乐开关的状态usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;//2.获得UIusingUnityEngine.UI;publicclassUIManager......
  • unity3D游戏存档与读档16
    Unity中使用的存档方式PlayerPrefs:数据持久化方案采用键值对的方式对数据进行存储PlayPrefs.SetInt("Index",1);可以存储IntFloatString类型的数据PlayPrefs.S......
  • unity3D游戏音效开关设置16
    得到背景音乐选框赋值赋值usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;//2.获得UIusingUnityEngine.UI;publicclassUI......
  • spring找不到配置文件applicationContext.xml
    问题描述:报错信息为Causedby:java.io.FileNotFoundException:classpathresource[applicationContext.xml]cannotbeopenedbecauseitdoesnotexisttarget目......