最近在开发一款计算类的微信小程序——茄子计算器。下面的来介绍一下里面分数计算器的实现方法。
使用控件:rich-text控件
原理:利用rich-text支持Html富文本。用一个两行两列的表格来显示分数，第一列的两行合并显示带分数，第二列的第一行显示分子，第二列的第二行显示分母，将表格的边框不显示，仅显示第一行第二列单元格的下边框线。这样就实现了分数的显示形式。
实现效果如下图所示：
分数计算器效果图您可以在微信中搜索小程序“茄子计算器”查看效果。
最近在开发一款计算类的微信小程序——茄子计算器。下面的来介绍一下里面分数计算器的实现方法。
使用控件:rich-text控件
原理:利用rich-text支持Html富文本。用一个两行两列的表格来显示分数，第一列的两行合并显示带分数，第二列的第一行显示分子，第二列的第二行显示分母，将表格的边框不显示，仅显示第一行第二列单元格的下边框线。这样就实现了分数的显示形式。
实现效果如下图所示：
分数计算器效果图您可以在微信中搜索小程序“茄子计算器”查看效果。