在使用Towify制作小程序时，如何创建新的样式？

通过创建样式，可以对处于不同状态下的组件做不同的样式设定，以提升用户体验感。

在Towify中，大部分组件支持创建样式。

*** 作方法：

1.选中组件，在检查器-样式面板中找到创建样式的“+”。

2.在样式状态中选择默认状态或者选中状态。

3.为组件的不同状态设置不同的样式。已经设置的样式可以点击删除样式选项的“-”删除。

默认状态下所设置的样式会在页面渲染时显示出来。

但是，选中状态的样式需要配合触发器，设置当点击组件时，将组件激活，这时才能显示组件选中状态所设置的样式。

1、把要改变样式添加到相应js文件的全局变量中。

2、将变量绑定到view中。

3、在view中添加事件。

4、在相应js文件中添加该自定义方法changeColor， function，e，this.setData，color ， #fff。

1/微信小程序有个属性hover-class='active'，是指当点击列表元素时当按下鼠标左键会显示active样式，但鼠标离开样式就会复原，可以参考以下解决方案，直接上代码：

2/核心点:class=”taga-item {{dateCurrent==item.id?'active-tag':”}}”模板文件中使用三元运算符,通过dateCurrent指定当前item的id.

可以通过在image标签上添加bindtap事件，监听小程序点击事件，并在对应的js文件中定义函数，触发相应的 *** 作。如下：

<image bindtap='imageClick' src="xxx" />

// js文件

Page({

imageClick: function () {

// do something

}

})

---