vue uniapp實現分段器效果

2021-10-22 06:57:45 字數 1487 閱讀 9089

此舉只是記錄下用vue動態改變樣式效果

先展示下效果

>折扣和就餐時間<

/text>

="wrap"

>

="box" v-

for=

"(item,index) in discountlist"

:key=

"index" @click=

"toggleitem(index)"

>

="selbox"

:style=

"[itemstyle(index)]"

>

="countbox"

>

="count"

>

}<

/text>

折<

/text>

<

/view>

="time"

>

}<

/text>

<

/view>

="countprice"

:style=

"[pricestyle(index)]"

>折後人均¥100

<

/text>

<

/view>

<

/view>

<

/view>

這部分關鍵的是computed下的**

export

default,,

],currentindex:0}

},computed:

if(index ==

=this

.currentindex)

`; style.color =

'#fff';}

//當選中第二個時 第乙個右邊框和第三個左邊框置為noneif(

this

.currentindex ===1

)if(index ==

=this

.currentindex +1)

}return style

}},pricestyle()

if(index ==

=this

.currentindex)

return style

}}}, methods:

}}

這裡使用的scss,具體的用法這裡不再贅述啦

.counttime

.wrap

}.selbox

}.time

}.countprice}}

}

Android Textview實現陰影效果

textview控制項有乙個方法是控制陰影的加入的 mtextview.setshadowlayer 10f,11f,5f,color.yellow 第乙個引數為模糊半徑,越大越模糊。第二個引數是陰影離開文字的x橫向距離。第三個引數是陰影離開文字的y橫向距離。第四個引數是陰影顏色。第二種方式是將te...

android TextView實現滑動效果

這個需求源自我17年寫的乙個網路 爬蟲應用,當時使用scrollview寫在布局裡有問題,於是只能去硬著頭皮實現textview的滑動 哭 當時實現起來挺麻煩的,而且滑動效果比較差,一般不是迫不得已不建議這麼搞哈 重點是android fadescrollbars false android scr...

php 文章分段,PHP 實現檔案分段上傳

1.安裝 composer require huizhang file segment upload 2.示例 html var uploadobj new segmentupload var filedom document.getelementbyid file filedom.onchange...