小程序怎么绘制表格

coldplay.xixi
Freigeben: 2020-08-13 14:31:54
Original
11790 Leute haben es durchsucht

小程序绘制表格的方法:首先在小程序开发工具新建对应的界面,并插入多个view元素;然后添加class属性及view样式,并保存代码;接着设置表格的表头和表体的样式;最后保存代码并在模拟器中预览效果即可。

小程序怎么绘制表格

小程序绘制表格的方法:

1、第一步,双击打开微信小程序开发工具,新建一个对应的界面,然后插入多个view元素,并添加class属性,如下图所示:

0e1c5359427fcca661fc3f4251c1646.png

2、第二步,没有给这些view样式,然后保存代码并预览效果,结果出现从上到下排列,如下图所示:

2940188ca450953b6db1fb957f7d370.png

3、第三步,在对应的wxss文件中,设置表格的表头和表体的样式,如下图所示:

046497466a580dba86604d81702aca1.png

4、第四步,再次保存代码并在模拟器中预览效果,发现形成了表格,如下图所示:

1d294a441b73e4f5a52d7eb5338adfe.png

5、第五步,在th td添加一个border-bottom属性,设置底部边框属性,如下图所示:

fd91e279b098fc504611fa087260a76.png

6、第六步,结果发现最后一行的底部边框展示的有点粗,是因为table和td设置了边框,加粗了,如下图所示:

f4e61dde5b70a32d9afcdedc2df0c38.png

相关学习推荐:微信小程序开发教程

Das obige ist der detaillierte Inhalt von小程序怎么绘制表格. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!