码迷,mamicode.com
首页 > 微信 > 详细

小程序 数字过千 以K显示

时间:2018-11-29 15:25:40      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:port   mod   filter   value   默认   其他   text   标签   独立   

先新建一个 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显示

标签:port   mod   filter   value   默认   其他   text   标签   独立   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!