外卖优惠券返利分销系统外卖返利系统公众号小程序源码saas系统

外卖优惠券返利分销系统外卖返利系统公众号小程序源码saas系统
外卖优惠券返利分销系统外卖返利系统公众号小程序源码saas系统

我们都知道，目前两家巨头饿了么和美团点外卖都可以获得返现，其中饿了么是返利6%，美团是返利3-5%，具体要根据活动来。

支持淘宝、京东、拼多多、饿了么、美团外卖返利
无需域名，一键授权公众号
多级分销，代理推广赚钱
自定义代理佣金比例
自定义联盟账号
商品自动同步，订单自动跟踪
优秀交互体验，快速上手
淘客老牌猎客团队精心打磨，精美UI
支持多公众号数据互通，矩阵玩法，无惧封号
无需下载软件，云端配置

外卖cps带分销返利源码

源代码地址

https://gitee.com/caonima008/coupon/

成品展示

截图

步骤

• 下载以上源代码到本地
  https://gitee.com/caonima008/coupon/
• 修改为你自己的微信小程序，打开 /dist/pages/ele/index.js
  
• 微信小程序->开发管理->开发设置 添加 request的域名： 地址：
  https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=271531762&lang=zh_CN
  
• 小程序管理后台配置你的链接
  后台地址： http://q.mybei.cn
• 进去之后选择小程序管理->无裂变小程序管理->添加小程序->填入你自己的链接
  
• 微信开发者工具，导入项目，提交审核
  

代码

.guoshu .nav_bar_tabs,.guoshu .nav_bar_tabs .item,.guoshu .nav_bar__left {
     
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .nav_bar_tabs,.guoshu .nav_bar_tabs .item {
     
  width: 240rpx;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.guoshu .nav_bar_tabs .item {
     
  width: 120rpx;
  height: 60rpx;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
}

.guoshu .nav_bar_tabs .item .title {
     
  font-size: 30rpx;
  letter-spacing: 1rpx;
  color: rgba(255,255,255,.85);
  font-weight: 700;
}

.guoshu .nav_bar_tabs .item.active .title {
     
  color: #fff;
}

.guoshu .nav_bar_tabs .item.active::after {
     
  content: "";
  width: 40rpx;
  height: 7rpx;
  border-radius: 3.5rpx;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20rpx;
}

.guoshu .wm_banner {
     
  position: relative;
}

.guoshu .wm_banner .img {
     
  width: 100%;
}

.guoshu .wm_coupon {
     
  margin: 0 44rpx;
  overflow: hidden;
}

.guoshu .wm_coupon .header,.guoshu .wm_coupon .header .step {
     
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .wm_coupon .header {
     
  height: 212rpx;
  position: relative;
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  border-bottom: 3rpx dashed #4ddba9;
  -ms-flex-pack: center;
  justify-content: center;
}

.guoshu .wm_coupon .header::after,.guoshu .wm_coupon .header::before {
     
  content: '';
  position: absolute;
  bottom: -22rpx;
  width: 44rpx;
  height: 44rpx;
  border-radius: 50%;
  background-color: #4ddba9;
}

.guoshu .wm_coupon .header::before {
     
  left: -22rpx;
}

.guoshu .wm_coupon .header::after {
     
  right: -22rpx;
}

.guoshu .wm_coupon .header .step {
     
  flex-direction: column;
}

.guoshu .wm_coupon .header .step .img {
     
  width: 84rpx;
  height: 84rpx;
}

.guoshu .wm_coupon .header .step .span {
     
  font-size: 24rpx;
  color: #000;
  font-weight: 600;
  margin-top: 16rpx;
  letter-spacing: 2rpx;
}

.guoshu .wm_coupon .link {
     
  width: 40rpx;
  margin: 0 32rpx;
  position: relative;
  top: -24rpx;
}

.guoshu .wm_coupon .content {
     
  height: 550rpx;
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  text-align: center;
}

.guoshu .wm_coupon .content::after,.guoshu .wm_coupon .content::before {
     
  content: '';
  position: absolute;
  top: -22rpx;
  width: 44rpx;
  height: 44rpx;
  border-radius: 50%;
  background-color: #4ddba9;
}

.guoshu .wm_coupon .content::before {
     
  left: -22rpx;
}

.guoshu .wm_coupon .content::after {
     
  right: -22rpx;
}

.guoshu .wm_coupon .content .qrcode {
     
  width: 320rpx;
  height: 320rpx;
  margin-top: 32rpx;
}

.guoshu .wm_btns,.guoshu .wm_coupon .btn_wrapper {
     
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .wm_coupon .btn_wrapper {
     
  position: absolute;
  bottom: 48rpx;
  left: 0;
  right: 0;
  padding: 0 88rpx;
  flex-direction: column;
}

.guoshu .wm_coupon .btn_wrapper .btn {
     
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  border-radius: 50rpx;
  background-color: #10c495;
  color: #fff;
  font-size: 38rpx;
  letter-spacing: 1rpx;
  font-weight: 600;
}

.guoshu .wm_btns {
     
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30rpx 48rpx 0;
}

.guoshu .wm_btns .btn {
     
  display: block;
  width: calc(50% - 15rpx);
  height: 76rpx;
  line-height: 76rpx;
  border-radius: 8rpx;
  font-size: 36rpx;
  font-weight: 600;
  text-align: center;
}

.guoshu .wm_btns .left {
     
  background-color: #fadca0;
  color: #105195;
}

.guoshu .wm_btns .right {
     
  background-color: #fff;
  color: #1b4e63;
}

.guoshu .wm_btns .disabled {
     
  background-color: #ccc;
  color: #999;
}

.guoshu .wm_tips {
     
  margin: 0 80rpx;
  color: rgba(255,255,255,.85);
  padding: 50rpx 0;
  letter-spacing: 1rpx;
  word-break: break-all;
}

.guoshu .wm_tips .h3 {
     
  font-size: 28rpx;
}

.guoshu .wm_tips .p {
     
  font-size: 24rpx;
  margin-top: 10rpx;
}