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

uniapp通過標(biāo)簽屬性來改變樣式

當(dāng)鼠標(biāo)按下去的時(shí)候，他會(huì)變成這個(gè)樣式

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 這個(gè)屬性，來阻止這個(gè)冒泡的

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

hover-start-time 按住后多久出現(xiàn)點(diǎn)擊態(tài)，單位毫秒

hover-stay-time 手指松開后點(diǎn)擊態(tài)保留時(shí)間，單位毫秒

uni-app學(xué)習(xí)筆記(2)view屬性控制css樣式 相關(guān)文章

貪吃蛇代碼學(xué)習(xí)心得(C語言)

貪吃蛇代碼學(xué)習(xí)心得(C語言) 前言 以前自學(xué)C語言時(shí)，學(xué)了點(diǎn)控制臺(tái)光標(biāo)的相關(guān)知識(shí)，就一直想弄個(gè)小游戲出來，第一個(gè)想到的就是貪吃蛇了。上下左右控制方向，隨機(jī)生成食物，吃上食物長度加一，碰到墻壁或咬到自己結(jié)束游戲......想到了很多，甚至當(dāng)時(shí)興奮的睡

READMSR和CPUID指令在Guest中的代碼執(zhí)行路徑學(xué)習(xí)

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

Angular ngOnChanges hook學(xué)習(xí)筆記

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

Angular內(nèi)部對(duì)template的處理學(xué)習(xí)筆記

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學(xué)習(xí)筆記

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

一個(gè)簡單的例子學(xué)習(xí)HTTP元素property和attribute的區(qū)別

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

Angular property binding的學(xué)習(xí)筆記

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.

深度學(xué)習(xí)進(jìn)度03(變量、api、案例：實(shí)現(xiàn)線性回歸)

變量OP： 變量的特點(diǎn)： 創(chuàng)建變量： 修改變量的命名空間： API： 高級(jí)： 實(shí)現(xiàn)線性回歸： 案例： 案例代碼： def linear_regression(): """ 自實(shí)現(xiàn)一個(gè)線性回歸 :return: """ with tf.compat.v1.variable_scope("prepare_data"): # 1)準(zhǔn)備數(shù)據(jù) X = tf.compat.

Typescript學(xué)習(xí)筆記--進(jìn)階篇

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

CSS 筆記

CSS 絕對(duì)定位 position: absolute 以最近有定位的父元素為基準(zhǔn) 不占位置 CSS 相對(duì)定位 position: relative 以自身元素為基準(zhǔn) 占用原有位置 相對(duì)定位 不占位置(子絕父相)： 父元素設(shè)置相對(duì)定位但是不設(shè)置內(nèi)容 子元素設(shè)置絕對(duì)定位 由于子元素會(huì)根據(jù)最近有定

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。