参考教程改了个小程序demo，支持点击按钮换照片

最新推荐文章于 2021-08-04 08:34:27 发布

Dayin_mao

最新推荐文章于 2021-08-04 08:34:27 发布

阅读量325

点赞数

分类专栏： wx小程序

本文链接：https://blog.csdn.net/MAO_SHUO/article/details/110658671

版权

本文记录了作者尝试编写小程序的步骤，通过创建一个简单的demo，展示了如何在index.js中定义逻辑，index.wxml中构建界面，以及index.wxss中进行样式设置。在demo中，实现了点击按钮更换界面照片的功能。

摘要由CSDN通过智能技术生成

试了试小程序，写了个demo

发现写一个小程序总共分（主要）三步：
1、写 xx.wxml 把界面各块进行各种分模块划分；
2、写 xx.js 对于界面各类值进行定义，类似于 define；对于界面交互的逻辑进行编辑，类似于 function，比如点击以后参数的变化这种；
3、写 xx.wxss 对于 xx.wxml 里面各个板块的配色居中等的配置。
在这里插入图片描述

具体粘一下代码

1.index.js

Page({
   
  data: {
   
    btnInfo:'刷刷出现',
    status: true,
    img_src:"../images/002.jpg",
  },

  toggle(){
   
    const status = this.data.status