<acronym id="indot"><dfn id="indot"></dfn></acronym>
<span id="indot"></span>

<bdo id="indot"><meter id="indot"></meter></bdo>
<label id="indot"><samp id="indot"></samp></label>
<label id="indot"><xmp id="indot">
  • <span id="indot"><table id="indot"></table></span>
    <center id="indot"><optgroup id="indot"></optgroup></center>
  • <bdo id="indot"><meter id="indot"></meter></bdo>
      當(dāng)前位置:首頁 > javascript > vue > 正文內(nèi)容

      uniapp webview設(shè)置不全屏,設(shè)置自定義導(dǎo)航欄

      hxing6413年前 (2022-06-17)vue3679

      使用webview時(shí)默認(rèn)填充整個(gè)屏幕的,這時(shí)候我們加個(gè)自己的導(dǎo)航欄被遮住出不來,所以我們需要自定義webview的高度,才能顯示出導(dǎo)航欄,傳入導(dǎo)航欄高度(單位px),調(diào)用下面方法即可


      // 自定義webview高度
      function setWebview(offset) {
          var height = 0;
          uni.getSystemInfo({
              success: (sysinfo) => {
              height = sysinfo.windowHeight - offset;
          },
          complete: () => {}
          });
          var currentWebview = this.$scope.$getAppWebview(); //獲取當(dāng)前web-view
          setTimeout(function() {
              var wv = currentWebview.children()[0];
              wv.setStyle({
                  top: offset,
                  height
              })
          }, 100);
      }
      
      setWebview(40) // 調(diào)用,假設(shè)導(dǎo)航欄高度為40,傳入40即可


      掃描二維碼推送至手機(jī)訪問。

      版權(quán)聲明:本文由星星博客發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。

      本文鏈接:http://www.7811333.com/?id=391

      “uniapp webview設(shè)置不全屏,設(shè)置自定義導(dǎo)航欄” 的相關(guān)文章

      uniapp h5設(shè)置代理解決跨域問題

      在manifest.json文件中 h5 屬性中加入如下代碼:"h5": {     "devServer": {       &nbs...

      UniApp H5項(xiàng)目指南:處理二維碼生成和掃描操作

      UniApp H5項(xiàng)目指南:處理二維碼生成和掃描操作

      在我們基于UniApp的H5項(xiàng)目中,需要生成一些二維碼進(jìn)行展示,另外也需要讓用戶可以掃碼進(jìn)行一定的快捷操作,本篇隨筆介紹一下二維碼的生成處理和基于H5的掃碼進(jìn)行操作。二維碼的生成,使用了JS文件weapp-qrcode.js進(jìn)行處理,而二維碼掃碼則是基于一個(gè)第三方組件的方式進(jìn)行支持的,最后通過統(tǒng)一入...

      Vue過渡動(dòng)畫之CSS過渡

      Vue.js 是一個(gè)以數(shù)據(jù)驅(qū)動(dòng)視圖的前端框架,它提供了豐富的組件化特性來幫助我們創(chuàng)建交互豐富的 Web 應(yīng)用程序。Vue 框架內(nèi)置了一些過渡特效,以及鉤子函數(shù),讓我們可以在過渡期間添加自定義 CSS 類來實(shí)現(xiàn)過渡效果。本文將著重講解 Vue.js 中的 CSS 過渡,并介紹如何使用它來實(shí)現(xiàn)各種有趣的...

      Vue中的父子組件通訊及使用sync同步父子組件數(shù)據(jù)

      在Vue.js中,組件通訊是一個(gè)非常重要的主題。特別是在處理父子組件之間的通訊時(shí),我們需要了解不同的方式來傳遞數(shù)據(jù)和響應(yīng)事件。本文將介紹Vue中父子組件通訊的幾種方式,并重點(diǎn)討論使用sync屬性來實(shí)現(xiàn)父子組件數(shù)據(jù)的雙向綁定。父子組件通訊 在Vue中,父組件可以通過prop向子組件傳遞數(shù)據(jù),而子組件則...

      Vue.js 系列教程:深入理解組件、Props和Slots

      Vue.js 是一款流行的 JavaScript 框架,它提供了一種組件化的開發(fā)方式,使得構(gòu)建復(fù)雜的用戶界面變得更加簡(jiǎn)單和高效。 在本篇教程中,我們將深入探討 Vue.js 中的組件、Props 和 Slots 的概念和用法。 組件...

      Vue.js雙向綁定的實(shí)現(xiàn)原理解析與實(shí)例演示

      1. 簡(jiǎn)介 Vue.js作為一款流行的前端框架,其雙向綁定機(jī)制是其核心特性之一。通過雙向綁定,Vue.js實(shí)現(xiàn)了數(shù)據(jù)模型和視圖之間的即時(shí)同步,為開發(fā)者提供了極大的便利。在本文中,我們將深入探討Vue.js雙向綁定的實(shí)現(xiàn)原理,并結(jié)合代碼示例進(jìn)行詳細(xì)解釋。...

      發(fā)表評(píng)論

      訪客

      ◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法和觀點(diǎn)。
      主站蜘蛛池模板: 狠狠色狠狠色综合系列| 精品综合久久久久久88小说| 狠狠色综合久色aⅴ网站| 亚洲色偷偷狠狠综合网| 精品国产综合区久久久久久| 亚洲人成依人成综合网| 色综合久久一本首久久| 狠狠色婷婷久久综合频道日韩| 久久综合久久综合亚洲| 亚洲精品国产综合久久一线| 久久综合亚洲鲁鲁五月天| 一本一本久久a久久精品综合麻豆| 国产综合亚洲专区在线| 久久亚洲精品高潮综合色a片| 久久乐国产精品亚洲综合| 欧洲亚洲综合一区二区三区| 激情五月婷婷综合网站| 国产成人久久综合热| 六月婷婷国产精品综合| 老色鬼久久亚洲AV综合| 一本色道久久88综合亚洲精品高清| 99久久国产综合精品五月天| 亚洲综合av永久无码精品一区二区 | 国产美女亚洲精品久久久综合| 激情综合丁香五月| 日韩无码系列综合区| 国精产品自偷自偷综合下载| 在线综合亚洲欧洲综合网站| 99久久综合狠狠综合久久aⅴ| 国产综合免费精品久久久| 99久久综合狠狠综合久久止| 亚洲国产成人久久综合野外| 国产精品综合专区中文字幕免费播放 | 久久婷婷激情综合色综合俺也去| 久久综合一区二区无码| 亚洲国产免费综合| 久久综合琪琪狠狠天天| 久久综合亚洲鲁鲁五月天| 亚洲av综合avav中文| 国产成+人+综合+亚洲专| 久久久久高潮综合影院|