![](https://img-blog.csdnimg.cn/20191112210647835.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
碼德浮樂
萬行代碼迷人眼,沒有代碼別賽臉
展开
-
day09-确认订单&订单列表&发布
确认订单 添加收货地址 利用 vant提供的 button组件来实现 页面布局 <view> <view class="chooseAddressBox"> <van-button type="primary" size="small">+ 选择收货地址</van-button> </view> &...原创 2019-11-22 16:57:17 · 932 阅读 · 0 评论 -
day08-购物车
购物车 根据内容来判断显示空白购物车还是非空购物车 根据购物车是否有数据来判断是否显示空白的购物车布局 data = { cart: [] } onLoad() { console.log(1); // 将全局的购物车数据赋值给data里面的 cart this.cart = this.$parent.globalData.cart } computed = {...原创 2019-11-22 16:54:59 · 325 阅读 · 0 评论 -
day07-商品详情页&购物车
商品详情页 在mixins文件夹下创建相应的 main.js 文件,创建好js的架子 import wepy from 'wepy' export default class extends wepy.mixin { data = { goods_id: '' } onLoad(options) { this.goods_id = opton...原创 2019-11-22 16:54:20 · 845 阅读 · 0 评论 -
day06-拦截器&搜索模块&商品列表
wepy拦截器 -interceptor 可以使用wepy提供的全局拦截器对原生API 的请求进行拦截 使用方法 具体方法是配置API的config、fail、success、complete回调函数,参考示例: import wepy from 'wepy'; export default class extends wepy.app { constructor () { ...原创 2019-11-22 16:51:55 · 270 阅读 · 0 评论 -
day05-电商环境搭建&首页制作&分类制作&vant使用
搭建项目环境 初始化wepy环境 使用命令npm i wepy-cli -g 安装脚手架 wepy init standard hmyg 输入项目名称 输入appID 进入到项目根目录 输入 npm install 来下载相应的依赖包 进入到项目根目录 输入 wepy build --watch 来实时编译小程序代码 搭建项目结构 在配置项去除格式化自动不全 分号 配置小程序底部的t...原创 2019-11-22 16:50:53 · 1060 阅读 · 1 评论 -
day04-页面导航&跳过域名校验&网络请求&自定义组件&wepy入门使用
目标 能够实现页面之间的导航跳转 能够发起网络数据请求 能够定义并使用小程序中的自定义组件 能够安装WePY框架 能够使用WePY框架创建小程序项目 能够知道WePY框架中基本的开发规范 页面导航(★★★) 页面导航的两种方式 页面导航就是页面之间的跳转,小程序中页面之间的导航有两种方式: 声明式导航:通过点击 navigator 组件实现页面跳转的方式 编程式导航:通过调用小程序的 API...原创 2019-11-16 19:11:22 · 766 阅读 · 0 评论 -
day02-结构与组件&样式&全局配置&生命周期
目标 小程序的结构和组件 小程序中的样式 使用全局配置文件app.json 使用页面配置文件page.json 小程序的生命周期 小程序的结构和组件 ├── pages ······································ 【目录】存放所有的小程序页面 │ │── index ······································· 【目录】...原创 2019-11-13 21:15:55 · 483 阅读 · 0 评论 -
day03-事件绑定&wxs脚本&页面渲染&页面事件
目标 能够实现小程序页面中的数据绑定和事件绑定 能够使用wxs脚本处理页面数据 能够实现下拉刷新和上拉触底的操作 数据绑定与事件绑定 数据绑定 如何定义页面的数据 小程序中每个页面,由4部分组成,其中 .js 文件内可以定义页面的数据、生命周期函数、其它业务逻辑; 如果要在.js文件内定义页面的数据,只需把数据定义到 data 节点下即可 示例代码如下: Page({ data: { ...原创 2019-11-13 21:07:32 · 439 阅读 · 0 评论 -
day01-微信开发概念&小程序概念&工具使用&页面搭建
微信开发的概念 什么是微信开发 微信这个软件,提供了聊天、支付、分享、收藏等各种功能,同时用户基数庞大; 微信对外开放了很多接口和能力,程序员基于这些功能进行的二次开发,叫做微信开发 微信开放平台 微信开放平台是微信对外提供微信开放接口的一个平台,这些开放出来的微信接口,供第三方的网站或App使用; 平台登录地址:https://open.weixin.qq.com 微信开放平台的能力 微信分享...原创 2019-11-12 21:15:44 · 830 阅读 · 0 评论