我想大家对电商一定不陌生,一般电商的底部导航栏有以下几个首页.分类.购物车.个人中心.所以我们按照这个来做吧. app.json是用来配置page路径以及导航栏属性的,那我们要做首页.分类.购物车.个人中心界面就要在page也添加这几个界面,所以在app.json的page里添加如下代码,写入page路径,系统会自动帮你创建界面的. 好,既然添加了四个界面,那我们要怎么做底部导航栏呐,今天给app.json再添加一个属性,就是可以在app.json里配置导航栏,将下面代码添加到app.json里…

下拉刷新 实现下拉刷新目前能想到的有两种方式 1. 调用系统的API,系统有提供下拉刷新的API接口 当然,你可以直接在全局变量app.json的window里面配置上面这个属性,这样整个项目都允许下拉刷新了,因为系统默认是不具备下拉刷新功能的  2. 监听scroll-view,自定义下拉刷新,还记得scroll-view里面有一个bindscrolltoupper属性吗?忘记请自行回顾上一篇微信小程序实战篇-电商(二)当滚动到顶部/左边,会触发 scrolltoupper 事件,所以我们可以…

本期的微信小程序实战篇来做一个电商网站经常用到的-商品属性联动选择的效果,素材参考了一点点奶茶. 效果演示:   商品属性联动.gif 代码示例 1.commodity.xml <!-- <view class="title">属性值联动选择</view> --> <!--options--> <view class="commodity_attr_list"> <!--每组属性--> <…

电商底部导航栏的制作 我想大家对电商一定不陌生,一般电商的底部导航栏有以下几个首页.分类.购物车.个人中心. app.json是用来配置page路径以及导航栏属性的,那我们要做首页.分类.购物车.个人中心界面就要在page也添加这几个界面,所以在app.json的page里添加如下代码,写入page路径,系统会自动帮你创建界面的 "pages":[ "pages/home/home", "pages/classify/classify", &qu…

项目团队:小豆芽 开发周期:11.5-12.2(Alpha版本) 设想和目标 1. 我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? 解决问题:当前电商平台卖家买家角色固化,买家在没有寻求到心仪商品时无法记录并告知他人,卖家出售商品无法确认是否有市场有需求: 软件定义:基于微信小程序,实现一款可以个性化发布心愿或商品,借助圈子个性化营销的电商小程序: 典型用户:热爱线上购物的小伙伴: 典型场景:肥宅的家中: 2. 我们达到目标了么(原计划的功能做到了几个?  按…

一.项目内容 基于微信小程序,做一个社区电商平台,抓住社区电商的特点,做出特色,与微信集成,实现商品的个性化发布,以及个性化营销. 个性化发布:用户可以在应用上直接发布自己的商品,通过搜索心愿单可以查看当前买家用户以及他们对商品的预期价格,在此便可建议卖家合理定价,寻求市场:作为买家,可以在当前没有心仪商品的情况下,发布心愿单,做好分类和目标价格的编辑,在此之后卖家便可以通过搜索后看到市场从而发布合适商品. 个性化营销:借助圈子的广范围交流, 多卖家和多买家可以以群聊方式沟通,卖家在此竞争氛围下…

发展历史 2016年1月11日,微信之父张小龙时隔多年的公开亮相,提出了公众号服务的短板,而透露微信内部正在研发的新形态工具,称之"微信小程序". 2016年9月21日,微信小程序正式开启内测. 2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线. 高潮到低潮 不知觉,微信小程序从概念初现到如今,已经快两年差三四月.从小程序初露端倪到内测启动这段时间内,外界一直风声不断,或猜疑,或惊喜.猜疑腾讯枪声大雨滴小,惊喜腾讯即将发布一款继微信之后的业界新星. 直到201…

前言 微信小程序图表插件(wx-charts)是基于canvas绘制,体积小巧,支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个.   订单报表.gif 如上图所示,我们基于wxcharts.js 来实现订单统计报表. 导入wxcharts.js   3.pic.jpg 将wxcharts.js 存放在utils目录 column.wxml <view class="container"> <!--…

一.迭代任务 团队在第八周确认迭代计划时,是想要在第一阶段实现电商小程序的核心功能,就是买和卖,也是前端和后台数据交换的核心模块.涉及到首页浏览商品信息,查看商品详情及评论,选择加入购物车.关注卖家以及直接购买:能够直接发布商品或者是心愿,并可以再次对其编辑删除:个人界面实现修改信息,查看交易记录和购物车等功能. 二.个人心得 整体来说第一阶段任务量还是比较多的,过程进展也是从刚开始各种不熟悉,想办法解决各种难题,到最后抓紧时间集体爆肝,虽然掉过无数坑遇到过各种bug,但和团队一起解决问题完成项…

下拉刷新 实现下拉刷新目前能想到的有两种方式 1. 调用系统的API,系统有提供下拉刷新的API接口 2. 监听scroll-view,自定义下拉刷新,还记得scroll-view里面有一个bindscrolltoupper属性吗?当滚动到顶部/左边,会触发 scrolltoupper 事件,所以我们可以利用这个属性,来实现下拉刷新功能. 两种方法都可以,第一种比较简单,易上手,毕竟一些逻辑系统已经给你处理好了,第二种适合那种想要自定义下拉刷新样式的小程序,初识就用第一种,系统提供的就好.以首页…