小程序js怎么控制css样式

$(function(){

    $("#btn1").click(function(){

        var Cp=$("#p")

        Cp.css{"color","red"}

    })

})

给你个小例子，

wxml 里面

<button bindtap="changeColor" hover-class="none">点击修改背景颜色</button>

js

Page({

data: {

pageBackgroundColor:'#5cb85c'

},

onLoad: function () {},

// 改变背景颜色

changeColor: function() {

var bgColor = this.data.pageBackgroundColor == '#e43a3d' ? '#5cb85c' : '#e43a3d'

// 设置背景颜色数据

this.setData( {

pageBackgroundColor: bgColor

} )

}

})

1 可以通过修改CSS样式实现。

2 首先需要将容器元素设置为 display:flex然后设置图片元素的宽度为固定值或百分比，并设置 margin-right:20px使其与下一个图片之间留有一定的空隙。

3 可以根据具体需求修改容器元素和图片元素的CSS样式，以达到想要的效果。

---