爱收集资源网

微信小程序开发工具中预览效果详解(上)(图)

网络整理 2022-04-13 17:00

1、双击打开微信小程序开发工具,创建对应的14$nDg.TgjzD2OywXPv$Kz@^A界面,然后插入多个view元素并添加class属性,如下图图:2、没有给7X2CH^这些视图样式,然后保存代码预览效果,结果从上到下出现小程序展示文章,如下图: Bee9%#dsLqw&vAziu3、在对应的wxss文件,设置表格表头和表体的样式,如下图dAQPZZy3BY0B3E5s:4、再次保存代码,在模拟器中预览效果,发现表格形成了

1、双击打开微信小程序开发工具,创建对应的14$nDg.TgjzD2OywXPv$Kz@^A界面,然后插入多个view元素并添加class属性,如下图图:

2、我没有把这些视图样式给7X2CH^,然后保存代码预览效果,结果从上到下排列,如下图:

Bee9%#dsLqw&vAziu3、在对应的wxss文件中,设置表头和表体的样式,如下图dAQPZZy3BY0B3E5s所示:

4、再次保存代码,在模拟器中预览效果,发现形成了一个表格小程序展示文章,如下图CWEMW14Y所示。

5、为th td添加一个border-bottom属性NBZ5v,并设置下边框属性,如下图Ec9rJ&rQEc:

6、fgkLa%;vf9m.YBD$的结果发现最后一行的底部BB^;.0HOlgXE9Akw*2c边框有点粗,因为table和td设置了边框,也就是粗体,如下图所示:

hH%L@M;nSRepguTKCiph%4

微信小程序