小程序中實現(xiàn)動態(tài)處理表格，文本兩端對齊
|
最近開始學(xué)習(xí)小程序的開發(fā)，以前寫代碼基本都是C++這樣的后端處理，寫起小程序的前端真的不習(xí)慣。比如我要實現(xiàn)下圖這樣的功能：
想在小程序里實現(xiàn)如上的UI，遇到這幾個問題：
首先，小程序視圖層XML，通過wx:for循環(huán)讀取邏輯層的數(shù)據(jù)，把數(shù)據(jù)渲染到前端:
然后，邏輯層中，初始化需要展示的數(shù)據(jù)：
table的CSS通過flex設(shè)置樣式:
然后，下方的加號減號圖片，都通過偵聽點擊，觸發(fā)事件，使得邏輯層改變數(shù)據(jù)：
最后，邏輯層收到事件后，更改table中的表格數(shù)據(jù)，通過setData函數(shù)更新視圖層：
以上就是小程序中生成表格，動態(tài)增加減少行的功能。如果要實現(xiàn)列的動態(tài)增減會稍微復(fù)雜。 二：微信小程序文本兩端對齊
分享者：w568273102，來自原文地址
代碼中“兩端對齊實例”這段文字被識別為一個整體，space-between的排布作用在整段文字上，兩端對齊并未實現(xiàn)。我使用了笨辦法，代碼如下：
效果如下： |
