uni-app學習筆記(2)view屬性控制css樣式

uniapp通過標簽屬性來改變樣式

當鼠標按下去的時候，他會變成這個樣式

hover-class="box-active"

template

view

view class="box" hover-class="box-active"盒子/view

/view

/template

script

export default {

data() {

return {

}

},

methods: {

}

}

/script

style

.box{

background: #007AFF;

}

.box-active{

background: #4CD964;

}

/style

如果嵌套兩層容器

只想讓子容器變的話

使用

view class="box" hover-class="box-active" hover-stop-propagation盒子/view

hover-stop-propagation 這個屬性，來阻止這個冒泡的

樣式多少秒之后出現，或者多少秒后消失，可以用以下這兩種屬性控制

hover-start-time 按住后多久出現點擊態，單位毫秒

hover-stay-time 手指松開后點擊態保留時間，單位毫秒

uni-app學習筆記(2)view屬性控制css樣式 相關文章

貪吃蛇代碼學習心得(C語言)

貪吃蛇代碼學習心得(C語言) 前言 以前自學C語言時，學了點控制臺光標的相關知識，就一直想弄個小游戲出來，第一個想到的就是貪吃蛇了。上下左右控制方向，隨機生成食物，吃上食物長度加一，碰到墻壁或咬到自己結束游戲......想到了很多，甚至當時興奮的睡

READMSR和CPUID指令在Guest中的代碼執行路徑學習

READMSR和CPUID指令在Guest中的代碼執行路徑學習 內核版本:5.3.0 qemu版本:4.2.0 READMSR指令 作用 讀MSR,MSR由ECX(RCX)的內容指定,讀出的內容保存在EDX(RDX):EAX(RAX)中. VMX相關 如果guest中執行rdmsr指令,并且以下情況之一成立,就會觸發vmexit. "use MSR

Angular ngOnChanges hook學習筆記

只有這三種事件才會導致Angular視圖的更新，都是異步事件。 Events：如 click, change, input, submit 等用戶事件 XMLHttpRequests：比如從遠端服務獲取數據 Timers： 比如 JavaScript 的自有 API setTimeout(), setInterval() https://angular.io/guide/lif

Angular內部對template的處理學習筆記

https://blog.angular-university.io/angular-2-what-is-unidirectional-data-flow-development-mode/ How does Angular use the template to display the data of the screen, what is going on under the hood Clearly Angular is not handling the templa

Angular input decorator學習筆記

https://angular.io/api/core/Input Input decorator只能用在Angular class字段里, 用于指定元數據，將class字段指定成input property. Decorator that marks a class field as an input property and supplies configuration metadata. The input property

一個簡單的例子學習HTTP元素property和attribute的區別

源代碼： htmlstyle/stylebutton disabledClick/buttonbuttonClick Me/button/html 效果如下： A button’s disabled property is false by default so the button is enabled. 當我們給button添加disabled attribute時，我們實際上給button的disabled prope

Angular property binding的學習筆記

https://angular.io/guide/property-binding To bind to an element’s property, enclose it in square brackets, [], which identifies the property as a target property. A target property is the DOM property to which you want to assign a value.

深度學習進度03(變量、api、案例：實現線性回歸)

變量OP： 變量的特點： 創建變量： 修改變量的命名空間： API： 高級： 實現線性回歸： 案例： 案例代碼： def linear_regression(): """ 自實現一個線性回歸 :return: """ with tf.compat.v1.variable_scope("prepare_data"): # 1)準備數據 X = tf.compat.

Typescript學習筆記--進階篇

1. 類型別名 類型別名用來給一個類型起個新名字。 使用 type 創建類型別名。 類型別名常用于聯合類型。 type Name = string;type NameResolver = () = string;type NameOrResolver = Name | NameResolver;function getName(n : NameOrResolver): Name { if (

CSS 筆記

CSS 絕對定位 position: absolute 以最近有定位的父元素為基準 不占位置 CSS 相對定位 position: relative 以自身元素為基準 占用原有位置 相對定位 不占位置(子絕父相)： 父元素設置相對定位但是不設置內容 子元素設置絕對定位 由于子元素會根據最近有定

總結

以上是生活随笔為你收集整理的css view a if属性,uni-app学习笔记（2）view属性控制css样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。