11.11微信小程序壳牌加油站练习

190 阅读1分钟

壳牌加油站

效果截图(98%还原页面)

image.png

image.png

image.png

主要代码截图功能描述

1、登录功能,v-if和v-else展示登录前后的内容

image.png

image.png

2、扫码功能,制作一个跳转163的二维码,扫码可跳转到新闻页

image.png

3、点击不同按钮跳转不同的页面

image.png

4、加油站页面调接口,渲染页面,wx。request三层封装

image.png

image.png

image.png

5、渲染商品列表页面,还原布局

image.png

6、引入iconfont最大化还原图标

image.png

image.png

问题不足

没来得及对加油站和商品页面的单个盒子进行组件封装和抽取

商品页面的布局细节写起来有些复杂,觉得还有不足