首页 > 微信 > 详细

小程序 数字过千 以K显示

时间:2018-11-29 13:16:10      阅读:216      评论:0      收藏:0      [点我收藏+]

先新建一个 wxs 文件 

每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。

每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。

一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现

 1 var filters = {
 2    toFix: function (value) {
 3      if (value >= 1000) { //字数是否过千
 4        var sen= value/1000;//过千处理
 5        var num = sen.toFixed(1)//保留一位小数
 6        return num + "k"//字符串拼接
 7      } else {
 8        return value
 9      }
10    }
11  }
12 module.exports = {
13   toFix: filters.toFix
14 }

在wxml文件中引入wxs

 1 <wxs module="filters" src="../addIns.wxs"></wxs> 

修改代码

 1 <text>{{filters.toFix(item.awesome)}}</text> 

修改完毕解决小数问题和 数字过千 以k显示

小程序 数字过千 以K显示

原文:https://www.cnblogs.com/sunmr/p/10037308.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!