微信小程序--购物车

微信小程序 袁德灿
文章标签: 微信小程序

学习微信小程序总结:

学习:

案列代码(提取码:uuxo)

微信小程序最好的教程肯定是官方的文档啦(官方文档),当然如果会vue的话上手更快一些。

推荐一个w3c的链接,点击这里

微信小程序开发前准备:

安装微信开发工具

绑定开发者

登录微信公众平台小程序,进入用户身份-开发者,新增绑定开发者。

个人主体小程序最多可绑定5个开发者,10个体验者。

未认证的组织类型小程序最多可绑定10个开发者,20个体验者

已认证的小程序最多可绑定20个开发者,40个体验者

获取AppID

进入“设置-开发设置”,获取AppID信息。

 项目示例:

index.PNGsou.PNG12.PNGshop.PNGhome.PNG

布局:

引用了weui中的css文件布局

引用方法:把weui的css文件放在所创项目中的文件夹,在app.wxss中引入@import '/css/weui.wxss';

使用flex弹性布局scroll-view标签 实现左右(scroll-x)、上下滑动(scroll-y)、轮播使用swiper(autoplay 是否自动切换 indicator-dots 是否显示面板指示点)

js详情请见案列代码

总结:

做完购物车项目后,多数还是需要多看看官方文档,和弹性布局

(看案列代码是,如有不足和需要改进的地方,请告知和附上正确的代码,以便参考,谢谢)

推荐一个小程序案列的网址,点击这里

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :