从零基础学微信小程序 二（超级详细的注释-签到打卡项目）

 一、微信小程序签到打卡项目的实现方法

       1. 创建小程序首先，我们需要在微信公众平台上创建一个小程序。在创建小程序的过程中，需要填写小程序的基本信息，如小程序名称、小程序类型、小程序描述等。创建完成后，我们需要在小程序后台进行配置，包括设置小程序的页面、导航栏、底部菜单等。

        2. 实现签到打卡功能在小程序中实现签到打卡功能，需要用到微信小程序的API接口。我们可以通过调用微信小程序的API接口，获取用户的位置信息、时间信息等，从而实现签到打卡功能。

---

 二 、 接下我们将进行实战教学

         这个是实战效果图（本人承认没有美术天赋）        

wxml页面

---

 这里view里面我不建议用style的样式，这里是因为我喜欢偷懒才在这里写

 这里可以在wxss里面写id属性或者class属性来实现具体看下面

 这个要注意的点是class属性是在wxss中是用点（.）来实现的

---

wxss页面

      由于考虑到可能有新手第一次接触微信小程序没有基础哦，我这里会重点说明几个上面的样式的作用

flex的布局

        flex是现在市面上主流一种布局方式，display:flex;

         

---

js页面

 

   这里用到了云开发知识在下一篇会具体介绍到

---

总结

以上就是今天的学习内容啦~
咱们下期再见老铁~ 

---