2021年外卖小程序、H5、微信公众号版外卖cps项目|外卖美团/饿了么带好友返利佣金系统项目代码

那如果要做这个项目，需要什么嘛？

其实也很简单，一个小程序号、一套小程序源码。

电影票+外卖CPS返利项目实操

美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码

源代码地址

http://www.mybei.cn

步骤

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

核心代码

.page {
    background-color: #e25947;
    background-size: 100% auto;
}
.grace_flex_center{
    display: flex;
    justify-content: center;
    text-align: center;;
}

.ranking_list_wrap {
    background-color: #fff;
    margin: 25rpx;
    margin-top: 20rpx;
    border-radius: 16rpx;
}

.header_msg {
    margin: 0 30rpx;
    border-bottom: 8rpx solid #f6f6f6;
    margin-top: 30rpx;
    padding-bottom: 20rpx;
}

.header_msg_item {
    width: 200rpx;
}

.header_msg_text {
    font-size: 32rpx;
    font-weight: 700;
    color: #666;
}

.header_msg_text_small {
    font-size: 22rpx;
    margin: 10rpx;
    color: #666;
}

.header_msg_face {
    width: 140rpx;
    height: 140rpx;
    margin: 5rpx;
    border-radius: 120rpx;
    border: 6rpx solid #e5e5e5;
}

.ranking_lists {
    padding: 25rpx;
}

.ranking_lists_item {
    padding: 20rpx;
}

.ranking_lists_num {
    width: 60rpx;
    line-height: 80rpx;
    font-size: 50rpx;
    color: #666;
    font-weight: 700;
    font-style: italic;
    flex-shrink: 0;
}

.ranking_lists_image {
    width: 100rpx;
    height: 100rpx;
    border-radius: 100rpx;
    margin: 0 20rpx;
    flex-shrink: 0;
    border: 6rpx solid #e5e5e5;
}

.ranking_lists_content {
    width: 600rpx;
    margin: 0 10rpx;
}

.ranking_lists_content_name {
    font-size: 30rpx;
    line-height: 56rpx;
    color: #333;
    width: 100%;
    display: block;
    line-height: 50rpx;
}

.ranking_lists_content_desc {
    color: #999;
    font-size: 24rpx;
    line-height: 36rpx;
    width: 100%;
    display: block;
}

.ranking_lists_zan {
    width: 80rpx;
    flex-shrink: 0;
}

.ranking_lists_zan_icon {
    font-size: 50rpx;
    width: 100%;
    color: #999;
    display: block;
    text-align: center;
}

.ranking_lists_zan_num {
    font-size: 22rpx;
    color: #999;
    width: 100%;
    display: block;
    text-align: center;
}

.zan_active {
    color: #ff0036!important;
}

.bgF5 {
    background: #f8f8f8!important;
}