wepy小程序项目

达达前端

发布于 2019-07-03 10:59:53

9560

发布于 2019-07-03 10:59:53

# 安装（更新） wepy 命令行工具。
cnpm install wepy-cli -g
# 安装依赖包
cnpm install
# 开发实时编译。
npm run dev

WePY开发文档参考

店铺

店铺首页
店铺信息

商品

分类展示
规格展现
购物车
商品详情
会员折扣价

订单

商品下单订单列表订单详情订单评价订单退款堂食点餐/外卖点餐

优惠券

我的优惠券领取优惠券使用优惠券扫码核销自助核销活动页面

营销

拼团砍价优惠券

我的

基本信息会员卡会员特权联系客服

1 核 2 GB 1 Mbps

系统盘：普通云硬盘

购买域名：购买完域名之后建议去实名认证。

域名备案：备案服务号申请申请备案服务号：（非常重要）

购买域名(网址)

安装WordPress免费建站平台

小程序入口

export class App extends wepy.app {
 onLaunch() {
}
}

this.$pages = {
'./pages/index': IndexPage
}

this.$inter = {
 'request': {
  config(p) {
   return p;
  },
  success(rst) {
  }
 }
}

this.use('requestfix');
this.use('promisify');

使用wepy.xxx的方式请求小程序原生API都将Promise化

 // app.js
  constructor () {
      super();
      this.intercept('request', {
          config (p) {
              p.timestamp = +new Date();
              return p;
          },
          success (obj) {
              console.log('request success');
          }
      });
  }

image.png

$emit(eventName:String, [args])：组件发起一个冒泡事件。

  this.userName = 'Gcaufy';
  this.$apply();

  this.$apply(() => {
      this.userName = 'Gcaufy';
  });

  this.$redirect('./page2', {a: 1, b: 2});
  this.$redirect({
      url: './pages?a=1&b=2'
  });

$destroy()：终止事件传播

Mixin基类

// mymixn.js
export class MyMixin extends wepy.mixin {
    // my logic here
}

// mycom.js
import MyMixin from './mymixin';
export class MyCom extends wepy.component {
    mixins = [MyMixin];
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.06.09 ，如有侵权请联系 cloudcommunity@tencent.com 删除

ICP备案