此舉只是記錄下用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...