小程序
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
碼德浮樂
萬行代碼迷人眼,沒有代碼別賽臉
展开
-
day09-确认订单&订单列表&发布
确认订单添加收货地址利用 vant提供的 button组件来实现页面布局<view> <view class="chooseAddressBox"> <van-button type="primary" size="small">+ 选择收货地址</van-button> </view> &...原创 2019-11-22 16:57:17 · 1083 阅读 · 0 评论 -
day08-购物车
购物车根据内容来判断显示空白购物车还是非空购物车根据购物车是否有数据来判断是否显示空白的购物车布局data = { cart: []}onLoad() { console.log(1); // 将全局的购物车数据赋值给data里面的 cart this.cart = this.$parent.globalData.cart}computed = {...原创 2019-11-22 16:54:59 · 402 阅读 · 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 · 936 阅读 · 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 · 323 阅读 · 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 · 1135 阅读 · 1 评论 -
day04-页面导航&跳过域名校验&网络请求&自定义组件&wepy入门使用
目标能够实现页面之间的导航跳转能够发起网络数据请求能够定义并使用小程序中的自定义组件能够安装WePY框架能够使用WePY框架创建小程序项目能够知道WePY框架中基本的开发规范页面导航(★★★)页面导航的两种方式页面导航就是页面之间的跳转,小程序中页面之间的导航有两种方式:声明式导航:通过点击 navigator 组件实现页面跳转的方式编程式导航:通过调用小程序的 API...原创 2019-11-16 19:11:22 · 830 阅读 · 0 评论 -
day02-结构与组件&样式&全局配置&生命周期
目标小程序的结构和组件小程序中的样式使用全局配置文件app.json使用页面配置文件page.json小程序的生命周期小程序的结构和组件├── pages ······································ 【目录】存放所有的小程序页面│ │── index ······································· 【目录】...原创 2019-11-13 21:15:55 · 548 阅读 · 0 评论 -
day03-事件绑定&wxs脚本&页面渲染&页面事件
目标能够实现小程序页面中的数据绑定和事件绑定能够使用wxs脚本处理页面数据能够实现下拉刷新和上拉触底的操作数据绑定与事件绑定数据绑定如何定义页面的数据小程序中每个页面,由4部分组成,其中 .js 文件内可以定义页面的数据、生命周期函数、其它业务逻辑;如果要在.js文件内定义页面的数据,只需把数据定义到 data 节点下即可示例代码如下:Page({ data: { ...原创 2019-11-13 21:07:32 · 524 阅读 · 0 评论 -
day01-微信开发概念&小程序概念&工具使用&页面搭建
微信开发的概念什么是微信开发微信这个软件,提供了聊天、支付、分享、收藏等各种功能,同时用户基数庞大;微信对外开放了很多接口和能力,程序员基于这些功能进行的二次开发,叫做微信开发微信开放平台微信开放平台是微信对外提供微信开放接口的一个平台,这些开放出来的微信接口,供第三方的网站或App使用;平台登录地址:https://open.weixin.qq.com微信开放平台的能力微信分享...原创 2019-11-12 21:15:44 · 903 阅读 · 0 评论
分享