今天在微信学堂学习了名片的制作，于是我自己也学着制作了电子校园卡，如图所示。

还是有点可爱滴，成就感满满哈哈哈哈。其中主要运用了.wxml和.wxss模块进行编程，由于校园卡是静态的，所以没有用到.js模块。在电子校园卡的制作过程中，主要让我理解并运用了margin以及相对位置和绝对位置的关系，正如老师所说的，小程序就是一遍一遍的调试而产生的，虽然这个校园卡结构简单，内容也不多，但是为了达到整体的美观，我不断地用margin进行位置上的调试，不断改变像素多少，使得整张校园卡在整体上给人以可爱的面貌。但其中也遇到不少问题，第一个就是背景图我无法对其调整宽度大小，对小恐龙无法调整其长度的大小，我猜想应该是我对背景图以及小恐龙分别使用了mode=widthFix/hightFix的原因，导致我无法再对其宽度/长度进行调整；第二个就是我把背景设置为相对位置，把小恐龙设置为绝对位置，但在编程的时候小恐龙的位置依然是以整个边框为参考系，无奈之下我才把整个框设置为相对位置。希望能有大佬为我解答。

下面就是我的代码部分：

.wxml部分：

.wxss部分：

希望还能学习到更多的有趣的微信小程序开发的相关模块的运用。