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

那如果要做这个项目,需要什么嘛?

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

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

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

源代码地址

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

步骤

核心代码

.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;
}
上一篇:Android Gradle的使用


下一篇:CTR中首个联合训练matching和ranking的研究