首先,准备一下如下素材:

微信小程序开发实例(微信小程序实战开发之头部制作)(1)

微信小程序实战开发之头部制作

当然这些素材,以后可能根据需要从网上来获取,因为针对每个机构可能不一样,所以大多数会通过数据库进行存储和设计。

只需要制作 wxml文件和wxss文件即可,

index.wxml文件代码如下:

微信小程序开发实例(微信小程序实战开发之头部制作)(2)

微信小程序实战开发之头部制作

index.wxss文件代码如下:

微信小程序开发实例(微信小程序实战开发之头部制作)(3)

微信小程序实战开发之头部制作

现在该效果图上场了,如下图:

微信小程序开发实例(微信小程序实战开发之头部制作)(4)

微信小程序实战开发之头部制作

此文章为游侠莫离殇原创,特此声明!

,