小程序繪制表格的方法:首先在小程序開發(fā)工具新建對應(yīng)的界面,并插入多個view元素;然后添加class屬性及view樣式,并保存代碼;接著設(shè)置表格的表頭和表體的樣式;最后保存代碼并在模擬器中預(yù)覽效果即可。
小程序繪制表格的方法:
1、第一步,雙擊打開微信小程序開發(fā)工具,新建一個對應(yīng)的界面,然后插入多個view元素,并添加class屬性,如下圖所示:
2、第二步,沒有給這些view樣式,然后保存代碼并預(yù)覽效果,結(jié)果出現(xiàn)從上到下排列,如下圖所示:
3、第三步,在對應(yīng)的wxss文件中,設(shè)置表格的表頭和表體的樣式,如下圖所示:
4、第四步,再次保存代碼并在模擬器中預(yù)覽效果,發(fā)現(xiàn)形成了表格,如下圖所示:
5、第五步,在th td添加一個border-bottom屬性,設(shè)置底部邊框?qū)傩裕缦聢D所示:
6、第六步,結(jié)果發(fā)現(xiàn)最后一行的底部邊框展示的有點粗,是因為table和td設(shè)置了邊框,加粗了,如下圖所示:
相關(guān)學習推薦:微信小程序開發(fā)教程