美文网首页
uni-app的坑

uni-app的坑

作者: 甘道夫老矣 | 来源:发表于2019-11-13 10:25 被阅读0次

    1.获取时间端或者设置时间的时候

    正确
    let begin=new Date(str.replace(/-/g,'/'))
    错误
    let begin=new Date(str)
    

    2. 如果要用组件的时候,组件的样式style必须加上scoped,否则会不生效

    3.如果设置背景图片的时候,不能超过40k,要不然不显示,

    解决:可以在view上写style放背景图片
        用image固定定位
    

    4.导航按钮点击事件是个数组 onNavigationBarButtonTap(e)

    5.如何使用app-plus

    {
        "path" : "pages/mine/index",//tw
        "style" : {
            "navigationBarTitleText": "我的矿机",
            "app-plus": {
                "titleNView": {
                    "buttons": [{
                        "text": "\ue620 记录",//icon的代码
                        "fontSize": "24rpx",
                        "color": "#263238",
                        "fontSrc":"/static/font/iconfont.ttf",//下载好ttf文件,也就是icon的字体,切记要把那串代码放在App.vue的style里面
                        "fontWeight":"bold",
                        "right":"40upx",
                        "width":"50px"
                    },
                    {
                        "text": "\ue620 说明",
                        "fontSize": "24rpx",
                        "color": "#263238",
                        "fontSrc":"/static/font/iconfont.ttf",
                        "fontWeight":"bold",
                        "left":"40upx",
                        "width":"50px"
                    }]
                }
            }
        }
    }
    

    6.uni-app 自定义导航栏在手机上会突出

    在你当前的那个页面上
    <view class="status-navbar"></view>
    然后css这样写:
    .status-navbar{
    height: var(--status-bar-height);
    }
    电脑上看不出效果,试试手机上就知道了,自定义的样式会被手机的刘海遮住

    相关文章

      网友评论

          本文标题:uni-app的坑

          本文链接:https://www.haomeiwen.com/subject/uvchictx.html