1、双击打亩扰开微信小程序开发工具,新建一个对应的界面,然迅升旦后插入多个view元素,并添加class属性,如下图所示:
2、没有给这些view样式,然后保存代码并预览效果,结果出现从上到下排列,如下图所示:
3、在对应的wxss文件中,设置表格的表头和表体的样式,如下图所示:
4、再次保存代码并在模拟器中预览效果,发现形成了表格,如下图所示:
5、在thtd添加一个border-bottom属性,设置底部边框属性,如下图所示:
6、结果发现最后一行的底部边框展示的有点笑嫌粗,是因为table和td设置了边框,加粗了,如下图所示:
微信小程序会话列表怎么制作 : ?1. 创建一个小程序项目,使用微信开发者工具。
2. 在app.json中添加pages字段,将会话列表页面的路径添加进去。
3. 在会话列表页面的js文件中,定义一个变量来存储会话芦迟列表的数据,并在onLoad函数中调用wx.request()接口获取数据。
4. 在会话列表页面的wxml文件中,使用wx:for指令遍历会话列表的数据,将数据渲染到李哗镇页面上。
5. 在会话列表哪粗页面的wxss文件中,定义会话列表的样式。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)