小程序按公里收费的实现方式可以参照以下步骤：
确定计费规则
设定起步价，例如前3公里的费用。
设定超出起步价后的每公里费用。
可以考虑设置夜间加价、天气加价等额外费用。
获取用户输入
使用小程序提供的API获取用户输入的行驶公里数。
计算费用
根据用户输入的公里数，结合计费规则计算出总费用。
显示费用
将计算出的费用显示给用户，确保信息清晰易懂。
```javascript
// 假设小程序使用JavaScript进行开发
// 定义计费规则
const basePrice = 10; // 起步价
const baseDistance = 3; // 起步公里数
const additionalDistanceRate = 1.2; // 超出起步价后的每公里费用
// 获取用户输入的公里数
const userDistance = parseFloat(input("请输入行驶公里数："));
// 计算费用
let totalCost = basePrice;
if (userDistance > baseDistance) {
totalCost += (userDistance - baseDistance) * additionalDistanceRate;
}
// 显示费用
displayCost(totalCost);
// 辅助函数：显示费用
function displayCost(cost) {
alert(`总费用为：${cost.toFixed(2)}元`);
}
```
在这个示例中，我们首先定义了起步价、起步公里数和超出起步价后的每公里费用。然后，我们获取用户输入的行驶公里数，并根据这些信息计算出总费用。最后，我们使用`displayCost`函数将费用显示给用户。
请注意，这只是一个简单的示例，实际的小程序开发可能需要考虑更多的因素，例如用户输入验证、不同时间段的计费规则、多种支付方式的集成等。此外，如果小程序需要支持多种服务类型（如打车、外卖配送等），则可能需要为每种服务类型定义不同的计费规则，并在用户选择服务类型时加载相应的计费逻辑。
