小程序如何根據(jù)數(shù)據(jù) 返回不同的渲染效果

前端的應該都會吧,小弟這種跨端的還是得記錄下,以下圖舉個例子。


image.png

中間的圖標是動態(tài)的,但是想要六個背景顏色是固定的,就是說只要是第一個,背景色就是#a1caf1,第二個就對應#efa897...
這種情況正常就不能在樣式里邊寫死background-color: #a1caf1了。

解決方案之一是在數(shù)據(jù)端直接將色值放在數(shù)據(jù)中,如下圖。


image.png

然后在布局頁面時通過style直接調用,如下圖。


image.png

搞定 收工。
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容