uni app原生子窗體subnvue

2021-10-20 17:30:27 字數 1563 閱讀 9674

cover-view

style

="height

: 600rpx;

position

: relative;

">

這是文字

style

="position

: absolute;

bottom

: 0;

" type

="text"

value="

" placeholder

="這是輸入框"

/>

cover-view

>

class

="map-box"

>

:longitude

="longitude"

:latitude

="latitude"

:scale

="scale"

>

map>

view

>

註冊

先傳建乙個.nvue檔案,找到pages.json在需要使用到原生窗體的頁面進行註冊

}]

}}},

然後在需要引入的檔案中

onload()

這裡要用真機除錯,h5頁面除錯會報錯,這樣的話就能夠將輸入框展現在頁面上了(下圖為真機除錯頁面)

2.樣式問題

nvue檔案的樣式是不支援z-index的,如果想要將某些元素通過定位來展示到最前面的話,需要將該元素寫在後面(在頁面上越靠後的元素層級越高

元素的寬度是預設100%的(這個我不太敢確定,我目前碰到的是這樣,如有口誤歡迎訂正),如果想要設定居中的話直接寫左右的padding一致就可以

布局不能寫百分比

如果想要動態的高度可以在html中寫:style來實現(就跟正常的vue檔案一樣

不支援**查詢

不支援 class 以外的選擇器

不能使用css簡寫,例如

input

在nvue檔案中必須寫為

input

通訊

在與使用nvue檔案的頁面進行通訊時,可以使用

uni.

$emit

(eventname,

object

)和uni.

$on(eventname,callback)

傳送請求

盡量不要在原生子窗體裡傳送請求,容易出現好多問題(踩過坑的路過),可以在使用原生子窗體的頁面傳送請求再把資料傳過去

資料互動

和正常的vue檔案用法一樣,沒有什麼特別之處。

uniapp 自定義原生tabbar樣式

全網上大多數方法就是寫乙個自定義樣式的tabbar 然後封裝成元件 最後再自己現實跳轉功能 但是這樣做無論是效能或體驗來說都是很差的 最近好像uview挺火的,他們也寫了乙個tabbar元件。然後引用一下他對自己寫的tabbar評價 確實自定義tabbar會出現這些問題。缺點 1 需要在每乙個需要t...

最長上生子序列LIS

學習動態規劃問題 dp問題 中,其中有乙個知識點叫最長上公升子串行 longest increasing subsequence 也可以叫最長非降序子串行,簡稱lis。簡單說一下自己的心得。我們都知道,動態規劃的乙個特點就是當前解可以由上乙個階段的解推出,由此,把我們要求的問題簡化成乙個更小的子問題...

uniapp 評價應用 如何評價uni app?

先說好的方面 除去常規的一些增刪改查以及產品的業務以外,我們還整合了以下一些功能。5,直播 直播我們先後版本用了兩套方案。6,推送。7,語音播報。8,自動更新。9,地圖。我問過一些用其他技術棧的朋友,我就不點名用的什麼技術棧了,免得引戰,他們的產品裡面沒有整合我以上這些功能,更多就是一寫增刪改查的東...