首页 > 其他分享 >uni-app中html5+开发记录

uni-app中html5+开发记录

时间:2023-08-14 17:03:13浏览次数:46  
标签:app pages html5 btnBack uni top 24px left

代码示例:

1、创建dom并绑定click事件

   					btnBack = new plus.nativeObj.View('btnBack', {
                top: systemInfo.statusBarHeight + 'px', // 此处top和left是相对于手机屏幕左上角为基准,不支持right
                left: '10px',
                height: '44px',
                width: '24px'
            })
            btnBack.draw([
                {
                    tag: 'img',
                    id: 'imgback',
                    src: '/static/icons/icon-back.png',
                    position: {
                        top: '10px', // 此处top和left相对于btnBack按钮左上角为基准
                        left: '0',
                        width: '24px',
                        height: '24px'
                    }
                }
            ])
            btnBack.addEventListener('click', () => {
                const pages = getCurrentPages()
                if (pages.length > 1) {
                    uni.navigateBack()
                } else {
                    uni.switchTab({
                        url: '/pages/index/index'
                    })
                }
            })

2、显示与隐藏

btnBack.show() // 显示

btnBack.hide() // 隐藏

标签:app,pages,html5,btnBack,uni,top,24px,left
From: https://blog.51cto.com/u_16225519/7078769

相关文章

  • 直播app系统源码中加载图片的三种方式
    直播APP系统源码中,加载图片可以很好的提高用户体验,图片预先加载出来,可以方便用户更好的去观看,避免很长的等待时间,让用户更加快速冲浪,本文将为大家分享三个直播app系统源码中加载图片的方式。方式一:直播app系统源码中src指向图像的位置最常用的一种方式,无需搭配后端代码<img sr......
  • 用uniapp开发打包多端应用完整指南
    一、uni-app项目介绍用uni-app开发多端项目,一套代码可同时打包出各端小程序、h5和app,uni-app支持通过HBuilderX可视化界面和vue-cli命令行两种方式创建项目,下面示例项目采用HBuilderX可视化界面的方式创建,cli项目可参考uni文档,大部分流程都是通用的。项目结构:├──common......
  • unity学习笔记------游戏对象和脚本
    创建工程在开始使用Unity编辑器之前,我们需要首先创建一个项目。打开UnityHub,这个是Unity的启动程序和安装程序应用程序,你可以在其中创建或打开项目,安装Unity版本以及执行其他操作。创建新项目时,可以选择其Unity版本和模板。创建之后,它将添加到项目列表中,并在相应版本的Unity编......
  • SAP CDS view 里 UNION 操作的用法
    下图是SAPCDSviewUnion操作的语法和例子:SAPCDS(CoreDataServices)视图是SAPHANA数据库在ABAP层面上的抽象和逻辑视图。它不仅提供了一种SQL类型的语言(DataControlLanguage,DCL)来查询和操作数据,还提供了各种特性和功能以支持应用程序开发。在SAPCDS中,Union操......
  • 优化:微调Finetuning
    模型的微调 使用别人训练好的网络模型进行训练,前提是必须和别人用同一个网络,因为参数是根据网络而来的。当然最后一层是可以修改的,因为我们的数据可能并没有1000类,而只有几类。把最后一层的输出类别和层的名称改一下就可以了。用别人的参数、修改后的网络和自己的数据进行......
  • AppleScript成功实现FaceTime语音,FaceTime视频,FaceTime数据筛选,检测手机号是否开通
    FaceTime是苹果公司iOS和macOS(以前称MacOSX或OSX)内置的一款视频通话软件,通过Wi-Fi或者蜂窝数据接入互联网,在两个装有FaceTime的设备之间实现视频通话。其要求通话双方均具有装有FaceTime的苹果设备,苹果ID以及可接入互联网的3G/4G/5G或者Wi-Fi网络。 一、Windows电脑上部署苹......
  • 警告: Unknown at rule @apply
    警告Unknownatrule@apply原因:使用了tailwindCSS的@apply语法,vscode不认识解决:在vscode的配置文件setting.json里面,添加一条语句"css.lint.unknownAtRules":"ignore......
  • appium自动化测试
    appium环境搭建(自行安装jdk1.8)参考网址https://www.cnblogs.com/zhaojiaoyang0202/p/12955678.html参考网址https://www.byhy.net/tut/auto/appium/01/1.pipinstallAppium-Python-Client2.pipinstallselenium-U3.下载androidSDK(在云盘下载后,解压到本地即可)4.配置androidS......
  • Burp Suite Professional / Community 2023.9 (macOS, Linux, Windows) - Web 应用安
    BurpSuiteProfessional/Community2023.9(macOS,Linux,Windows)-Web应用安全、测试和扫描BurpSuiteProfessional,Test,find,andexploitvulnerabilities.请访问原文链接:https://sysin.org/blog/burp-suite-pro-2023/,查看最新版。原创作品,转载请保留出处。作者......
  • org.springframework.context.ApplicationContextException: Failed to start bean 'd
    ##    一、报错信息org.springframework.context.ApplicationContextException:Failedtostartbean'documentationPluginsBootstrapper';nestedexceptionisjava.lang.NullPointerException具体报错信息如下:##  二、报错原因     SpringBoot2......