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,地圖。我問過一些用其他技術棧的朋友,我就不點名用的什麼技術棧了,免得引戰,他們的產品裡面沒有整合我以上這些功能,更多就是一寫增刪改查的東...