欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn)-創(chuàng)新互聯(lián)

微信小程序設(shè)置 hover-class,實(shí)現(xiàn)點(diǎn)擊態(tài)效果

我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、改則ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的改則網(wǎng)站制作公司

增強(qiáng)小程序觸感,提高用戶(hù)交互感知度

概念及注意事項(xiàng)

微信小程序中,可以用 hover-class 屬性來(lái)指定元素的點(diǎn)擊態(tài)效果。但是在在使用中要注意,大部分組件是不支持該屬性的。

  • 目前支持 hover-class 屬性的組件有三個(gè):view、button、navigator。
  • 不支持 hover-class 屬性的組件,同時(shí)也不支持 hover-stop-propagation、hover-start-time、hover-stay-time 這三個(gè)屬性。
  • 當(dāng) hover-class 的值為 none 時(shí),組件上不會(huì)有任何點(diǎn)擊態(tài)效果。

注意事項(xiàng)

  • hover-class樣式顯示的原理是 點(diǎn)擊時(shí)把樣式加到class的樣式中,沖突時(shí),誰(shuí)在后面就顯示誰(shuí)!
  • 當(dāng)組件中沒(méi)有任何指定的類(lèi)時(shí),直接使用 hover-class 就會(huì)起到相應(yīng)的作用,但是當(dāng)組件中已經(jīng)指定了其他可能與 hover-class 沖突的類(lèi)時(shí),hover-class 無(wú)效
  • 將 hover-class 指定的類(lèi)放在對(duì)應(yīng) wss 文件的最末尾,這樣就不會(huì)被其他類(lèi)所覆蓋
  • 通常,當(dāng)一個(gè) view 組件中包含 image 等不支持 hover-class 的組件,但又需要在該組件上使用 hover-stop-propagation 屬性的作用時(shí),需要將不支持 hover-class 的組件用view、button 或 navigator 包裹起來(lái)

使用場(chǎng)景

1.列表頁(yè)——詳情頁(yè)(點(diǎn)擊跳轉(zhuǎn))

以新聞資訊為例,大部分應(yīng)該都是這樣的

添加如下代碼

//html
<view hover-class='wsui-btn__hover_list'>
  ...
</view>
//css
.wsui-btn__hover_list {
  opacity: 0.9;
  background: #f7f7f7;
}

網(wǎng)站題目:小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn)-創(chuàng)新互聯(lián)
當(dāng)前鏈接:http://www.chinadenli.net/article14/didcge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司定制網(wǎng)站建站公司標(biāo)簽優(yōu)化網(wǎng)站營(yíng)銷(xiāo)搜索引擎優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作