最近在开发一款计算类的微信小程序——茄子计算器。下面的来介绍一下里面分数计算器的实现方法。
使用控件:rich-text控件
原理:利用rich-text支持Html富文本。用一个两行两列的表格来显示分数，第一列的两行合并显示带分数，第二列的第一行显示分子，第二列的第二行显示分母，将表格的边框不显示，仅显示第一行第二列单元格的下边框线。这样就实现了分数的显示形式。
实现效果如下图所示：
分数计算器效果图
您可以在微信中搜索小程序“茄子计算器”查看效果。
微信小程序中分数显示实现方法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
