微信小程序中列表数据的计算与计算值的显示

页面加载时显示GPA、总学分、课程数

数据列表

绩点GPA=（成绩之和/课程数-50）/  10；

课程数为list.length

给每个初始数据初始值，都为0

这个时候需要计算了，因为是要在页面加载时显示，所以在onload中写：

计算出值后，把值给初始数据，以此来显示所求得的值。

微信小程序推荐:可轻松进行计量单位换算

首先在手机中打开微信,然后在小程序里搜索“换算”,并点击进入,如下图所示。

打开换算小程序后,可以看到程序为我们提供了12种单位的换算。包含了“汇率”、“速度”、“长度”、“体积”、“面积”、“温度”、“功率”、“重量”、“压强”、“能量”、“力”和“电阻”等,功能强大。

接下来选择需要使用的换算工具,比如小编这里长度为例,点击进入后可以看到最顶部为输入栏,我们可以输入需要转换的具体数字,左侧为单位选择有千米、米、分米、码、英尺等等,可以点击前面的小圆点进行切换。

我们在顶部输入栏输入数字后,就会瞬间自动显示各单位的换算结果。

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

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

3、在对应的wxss文件中，设置表格的表头和表体的样式，如下图所示：

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

5、在thtd添加一个border-bottom属性，设置底部边框属性，如下图所示：

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

---