美文网首页
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开发踩坑集合(会持续更新)

    uni-app官网指路 uni-app开发中的坑 1.无法覆盖uni-app提供的组件的样式 直接重写样式会发现并...

  • 多端开发框架uni-app入坑指南,一套代码适用微信、支付宝、今

    前言 hello 小伙伴们,现在我已经正式入坑 uni-app 了。uni-app 已经发布好几个月了,期间也是踩...

  • uni-app 入坑指南

    现在使用 uni-app 来开发的人越来越多。是不是许多同学,准备入坑 uni-app,却无从下手?文档内容太多,...

  • 小程序navigationBarBackgroundColor颜

    这是刚接触uni-app 中小程序所遇到的坑 特在此记录 navigationBarBackgroundColo...

  • uni-app开发笔记_01

    这两个月接触了uni-app的项目,作为纯iOS开发接触uni-app一段时间后,uni给笔者的感觉就是坑,那...

  • uni-app的坑

    1.获取时间端或者设置时间的时候 2. 如果要用组件的时候,组件的样式style必须加上scoped,否则会不生效...

  • uni-app的坑

    1)input组件 小程序端 type属性不支持动态绑定 :type="type"用了动态绑定的话使用的是原生in...

  • WebSocket 入坑记

    为了在小程序中实现即时消息的提示,决定入坑WebSocket小程序uni-app后端Thnikphp #01. 安...

  • App打包踩坑指南

    uni-app打包成app踩坑记录 1、 权限判断 (js文件已封装) 判断 相机、定位、推送 2、 以上权限需要...

  • mpvue坑点记录

    在入坑小程序的日志中,原生开发,wepay开发,mpvue开发,tato开发还是uni-app,其实框架还是因人而...

网友评论

      本文标题:uni-app的坑

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