微信小程序遇到的一些样式问题及解决方案

最近试着写了一个仿美团的微信小程序，遇到一些样式问题，及如何解决的如下：

一：点击显示隐藏

（1）

二：正则表达式，利用true or false来动态添加类名

（1）

三：保留小数点后两位，直接用toFixed()不行，我试过了，后来发现从外部引入文件可以

（1）在utils文件下建一个filters.wxs文件

（2）在page内的页面内引入filters.wxs文件： <wxs module="filters" src="../../utils/filters.wxs"></wxs>

（3）使用：{{filters.toFix(小数)}}

四：点击所在项，出现样式

<view class="sxcategoryitem {{_sum == index?'orange':'default'}}" data-num="{{index}}" data-name="{{item.name}}" bindtap="clicksxitem">{{item.name}}</view>

js:

clicksxitem(e) {

console.log(e.target.dataset.name)

this.setData({

_sum: e.target.dataset.num,

 

})

},