点击联系发帖人
刚接触小程序不久感觉相对来說比较简单，就自己花了五六天做了一个项目因为本身也是米粉，就看中了小米的小米打印机微信小程序序(可怜国庆撸了几天的代码囧哈)，话不多说先上效果图吧。
算了算了本来还打算上gif图，但是太难搞了说明一下吧。要看效果的等下我贴出项目github地址来自己去看吧
整个项目大致分为首页，分类发现，购物车我的五个模块，其实就是底部导航条的五块
首页的重点也就是一个轮播图，然后一個全局的底部导航条其实小米打印机微信小程序序都给我们提供的组件。像轮播图组件 swiper-item,然后底部导航条在app.json中设置tabBar都可以实现前面我还茬纠结自己如何实现一个底部导航条，然后后面各种纠结其实就简简单单的配置就行，所以说文档很重要贴一张首页图吧
分类这一个模块，其实是挺让我难下手的先给张图你就明白了
看上面图就知道，第一个是数据的问题对于一个学前端的人来讲，数据是非常重要嘚因为前端人员就是要对后台提供的数据，以各种形式各种界面来显示，让用户更好的去使用去体验，所以摆在我前面的第一个问題就是我没有数据然后第二个问题，布局问题我侧导航条可以自己移动，右边也可以自己移动互不干扰，然后我琢磨了一段时间將左边侧导航栏设置为positoin:absolute；脱离文档流，再加上overflow:scroll；就可以了然后::-webkit-scrollbar{display:none;}把滚动条样式去除，就都实现了做出来之后满足感爆棚，然后第一个问題我新建了一个js文件在里面造json数据，这个json数据挺复杂了太多括号，就不贴出来了然后再使用小程序提供的模板template组件循坏放入，这个時候难点又出现了，因为小程序对于循坏渲染的例子太单一而且简单就只有对单一josn的渲染，什么是单一的json就比如：
这种就是单一的json，就一层
差不多就这个意思多层的在文档中是没有说明的。
纠结了好久传入了模版，我这里循坏了两次去获得里面的值，详细看json数據结果反正意思就是不断去调试，循坏一次只能获得第一层的数据，循环了两次获得第二层的，加入你说我只循环一次然后通过 點（.）去吧数据点出来，这是不可能的我试过了。
然后布局都出来了又碰到了怎么锚点滑动，然后搞了好久发现小程序有这个东西，通过scroll-view组件里面的scroll-into-view的属性然后通过设置id，绑定
其中scroll-y="true"允许竖向滚动 height要设置你可以试试不加这个 scroll-with-animation=“true” 滑动动画，这里面同通过js动态绑定id使id值给上面的toview相同时，就会锚定定位搞了好久，心累不过效果出来了还是很爽的，哈哈哈
发现模块没什么讲的，也加入一个template
我的这裏使用了小程序的API获得用户头像名字，挺简单的
整体的结果上述所讲其实就大部分都是布局问题，没有很多的用到小程序的API后续慢慢的加上去，因为那才是小程序的重点然后ajax也没有用到，只是模拟数据什么的以后加吧。
