微信小程序开发(2)_data属性

网友投稿 634 2022-11-19

微信小程序开发(2)_data属性

微信小程序开发(2)_data属性

首先我们开发出自己的 Hello World

这个是我们的程序开发的基本的目录结构

我们把代码以及相关的逻辑都写到page/index/...这个文件夹下面

第一步:我们在页面上index.wxml写HelloWord:

Hello World

第二步:在index.js里面写:

但是现在我们要做的事情是当前的时候改变字体的颜色:在html中我们改变字体的颜色的方式是给标签添加class

第三步:于是这个地方我们可以在index.wxcss中添加一个样式:

.window{ color:#4995fa;}

添加了样式之后,我们对应的也是要修改index.wxml:

Hello World

Hello World

我们发现这样颜色样式也是有作用的,也就是index.wxml里面的{{mycolor}}就是window,这个也就是我们基本的一个变量的定义

/**index.wxss**/.window{ color:#4995fa;}.window-red{ color:#D23933;}

这个时期是改变data里面mycolcor这个属性的值,如何改变属性的值:

希望对你有所帮助

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Spring注入---静态工厂
下一篇:kafka安装部署超详细步骤
相关文章

 发表评论

暂时没有评论,来抢沙发吧~