小程序js怎么控制css样式

小程序js怎么控制css样式,第1张

$(function(){

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

        var Cp=$("#p")

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

    })

})

方法/步骤

打开微信小程序开发工具,打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器,可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中,定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

请点击输入图片描述

下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

1、首先我们新建一个小程序,目录如下图所示

2、接着我们给页面声明个背景色,方便查看效果。

3、然后在页面中定义一个button,如下图所示。

4、可以看到左侧的button效果如下图所示。

5、然后我们直接在button中重新填写要修改的默认样式即可覆盖,如下图所示。

6、可以看到页面的button样式被修改掉了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11159815.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存