那如果要做这个项目,需要什么嘛?
其实也很简单,一个小程序号、一套小程序源码。
电影票+外卖CPS返利项目实操
美团/饿了么外卖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 - 进去之后选择小程序管理->无裂变小程序管理->添加小程序->填入你自己的链接
- 微信开发者工具,导入项目,提交审核
核心代码
.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;
}