uni app中view元件使用

2022-09-09 15:15:23 字數 661 閱讀 1813

view是檢視容器。

它類似於傳統html中的div,用於包裹各種元素內容。

屬性名型別

預設值說明

hover-class

string

none

指定按下去的樣式類。當 hover-class="none" 時,沒有點選態效果

hover-stop-propagation

boolean

false

指定是否阻止本節點的祖先節點出現點選態

hover-start-time

number

50按住後多久出現點選態,單位毫秒

hover-stay-time

number

400手指鬆開後點選態保留時間,單位毫秒

屬性hover-class的值設定為class樣式可以實現 類似html中的:hover效果 配合animate.css可以實現點選動畫效果

例如:

<

view

class

="uni-padding-wrap uni-common-mt animate__animated"

hover-class

="animate__bounce"

>

乙個view元件

view

>

uniapp 容器元件view

屬性 hover class 類名 按下的樣式 hover stop propagation 是否阻止冒泡,預設不阻止 hover start time 毫秒 按下的時間顯示樣式 hover stay time 毫秒 鬆開後樣式的保留時間 示例 box hover class box1 hover ...

uni app中元件的使用

元件基本知識點 自定義可復用的元件,其結構與單頁面元件類似,通常在需要的頁面引入或者註冊到全域性main.js中使用,這是子元件。1 props props用於父元件給子元件傳遞引數,引數可以限制型別,可以設定預設值 2 emit 事件名,引數1,引數n 用於向父元件傳遞事件,可攜帶子元件的引數 3...

uni app中元件傳值

一 父元件向子元件傳值 通過props來實現,子元件通過props來接收父元件傳過來的值!1 邏輯梳理 第一步 引入子元件 import sonshow from component son.vue 第二步 在components中對子元件進行註冊 components 第三步 以標籤的形式載入 通...