您的当前位置:首页正文

微信小程序中分数显示实现方法

2024-12-17 来源:华佗小知识

最近在开发一款计算类的微信小程序——茄子计算器。下面的来介绍一下里面分数计算器的实现方法。

使用控件:rich-text控件

原理:利用rich-text支持Html富文本。用一个两行两列的表格来显示分数,第一列的两行合并显示带分数,第二列的第一行显示分子,第二列的第二行显示分母,将表格的边框不显示,仅显示第一行第二列单元格的下边框线。这样就实现了分数的显示形式。

实现效果如下图所示:

分数计算器效果图

您可以在微信中搜索小程序“茄子计算器”查看效果。

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文