外卖CPS返利小程序源码分享

首先，分为cps悬赏和，赏金两种方式赏金属于打赏比较高的。cps的模式主要靠用户下单的结算金额，用户买的多你就赚的多，通常是在3~6%，美团是3，美团被制裁之后就降价了（可能是这个原因，据说预算不够了）。

 当然了，依赖外卖cps赚钱是不行的，当然要加点东西了。比如涵盖话费、视频会员、加油卡、礼品卡等多种品类折扣权益，吃、喝、玩、乐、购五大消费场景覆盖的综合权益卡券小程序，用户折扣购、平台赚佣金，个人、企业流量变现平台。

       这些都可以加。三个月外卖收入订单。仁者见仁智者见智，都有自己的推广方式，但是，最好是用免费的流量，比如贴吧，什么的。

<template>

  <view>

    <view>

      <uni-nav-bar

        :fixed="false"

        :status-bar="true"

        :border="false"

        backgroundColor="transparent"

      >

        <!-- <view slot="left" @click="openPopup">

          <view />

          <view>广州市</view>

        </view> -->

      </uni-nav-bar>

      <image src="/static/index/banner.png" />

    </view>

    <loginWrap>

      <view v-if="productActivityList.length">

        <view

          v-for="(item, index) in productActivityList"

          :key="index"

          @click="jumpTo(`/pages/product/list?pcode=${item.code}`)"

        >

          <image :src="item.logo" />

          <view>{{ item.name }}</view>

        </view>

        <view

          @click="

            handleProductClick({

              type: 'page',

              path: '/pages/product/classify',

            })

          "

        >

          <image src="/static/index/fenlei.png" />

          <view>分类查找</view>

        </view>

      </view>

      <brandLoading v-else />

    </loginWrap>

    <view

      :class="{ layout2: layout == 2 }"

      v-if="banner.length || coupon.length"

    >

      <view v-if="banner.length">

        <!-- <view>1元拉新拼</view> -->

        <swiper

          :autoplay="true"

          :circular="true"

          indicatorActiveColor="#fff"

          indicatorColor="#ccc"

          :indicatorDots="true"

          v-if="banner.length > 1"

        >

          <swiper-item

            v-for="(banner, i) in banner"

            :key="i"

            @click="handleProductClick(banner)"

          >

            <image mode="aspectFill" :src="banner.pic.url"></image>

          </swiper-item>

        </swiper>

        <view v-else>

          <image mode="aspectFill" :src="banner[0].pic.url" @click="handleProductClick(banner[0])"></image>

        </view>

      </view>

      <view v-if="coupon.length">

        <view v-for="(coupon, i) in coupon" :key="i">

          <image

            :mode="layout == 2 ? 'aspectFill' : 'widthFix'"

            :src="coupon.pic.url"

            @click="handleProductClick(coupon)"

          />

        </view>

      </view>

    </view>

    <view>

      <view>

        <view class="nav-item active">精选优惠</view>

        <!-- <view>周边好店</view> -->

      </view>

      <loginWrap>

        <view v-if="productHotList.length">

          <view

            @click="jumpTo(`/pages/product/detail?gcode=${item.code}`)"

            v-for="(item, index) in productHotList"

            :key="index"

          >

            <view

              :style="{

                background: `url(${item.bg_card}) no-repeat center/contain`,

              }"

            ></view>

            <view>

              <view> {{ item.name }} </view>

              <view>

                <view>{{ item.discountStr }}领取</view>

                <view v-if="item.commission"

                  >赚￥{{ item.commission_str }}</view

                >

                <!-- <view></view> -->

              </view>

            </view>

          </view>

        </view>

        <cardLoading v-else />

      </loginWrap>

    </view>

    <customTabBar tab="index"></customTabBar>

  </view>

</template>

<script>

import { mapState, mapActions } from "vuex";

import getShareMessage from "@/utils/getShareMessage";

import brandLoading from "./components/brandLoading";

import cardLoading from "./components/cardLoading";

export default {

  components: { brandLoading, cardLoading },

  data() {

    return {};

  },

  computed: {

    ...mapState({

      productActivityList: (state) => state.index.productActivityList,

      productHotList: (state) => state.index.productHotList,

      banner: (state) => state.index.banner,

      coupon: (state) => state.index.coupon,

      layout: (state) => state.index.layout,

    }),

  },

  onLoad(option) {

    // this.initLocation();

    this.fetchProductActivity();

    this.fetchProductHot();

    this.fetchCardProductRecommand();

    if (option.path) {

      this.jumpTo(option.path);

    }

  },

  methods: {

    ...mapActions([

      "getAuthorize",

      "fetchProductActivity",

      "fetchProductHot",

      "fetchCardProductRecommand",

    ]),

    async initLocation() {

      const authorize = await this.getAuthorize();

      if (!authorize) return;

      uni.showLoading({ title: "加载优惠中" });

      const [locationErr, locationRes] = await uni.getLocation();

      const { latitude, longitude } = locationRes;

      // await this.fetchShopRecommand({

      //   lat: latitude,

      //   lng: longitude,

      // });

      uni.hideLoading();

    },

    jumpTo(payload) {

      try {

        const path = decodeURIComponent(payload);

        uni.navigateTo({

          url: path,

        });

      } catch (e) {}

    },

    handleProductClick(data) {

      const { type, appId, path, url } = data;

      if (type == "page") {

        uni.navigateTo({

          url: path,

        });

      }

      if (type == "tab") {

        uni.switchTab({

          url: path,

        });

      }

      if (type == "miniapp") {

        uni.navigateToMiniProgram({

          appId,

          path,

        });

      }

      if (url) {

        uni.navigateTo({

          url: `/pages/webview/webview?url=${encodeURIComponent(url)}`,

        });

      }

    },

    onShareAppMessage(res) {

      return getShareMessage();

    },

    onShareTimeline() {

      return getShareMessage();

    },

  },

};

</script>

<style>

page {

  background: #f2f2f2;

}

.head-picture-area {

  position: relative;

  background: #ffffff;

  &::before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    display: block;

    height: 248rpx;

    width: 100%;

    background: linear-gradient(180deg, #ffa1a1 0%, #fad2d6 47%, #ffffff 100%);

  }

}

.choose-address {

  display: flex;

  align-items: center;

  padding-left: 26rpx;

  font-size: 30rpx;

  line-height: 42rpx;

  color: #333333;

  white-space: nowrap;

  .icon {

    margin-right: 12rpx;

    width: 32rpx;

    height: 36rpx;

    background: url(/static/index/icon.png) no-repeat center/contain;

  }

}

获取源码请点击微客云 -https://control.wikeyun.cn/user/login?invitecode=NVTRG8

最新评论