美团/饿了么外卖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
进去之后选择小程序管理->无裂变小程序管理->添加小程序->填入你自己的链接
微信开发者工具，导入项目，提交审核

成品展示

代码

<template><!--动态样式--><view class="container" wx:style="{{dynamicStyle}}"><!--数据绑定--><view class="title">{{title}}</view><!--计算属性数据绑定--><view class="title">{{reversedTitle}}</view><view class="list"><!--循环渲染，动态类名，事件处理内联传参--><view wx:for="{{list}}" wx:key="id" class="list-item" wx:class="{{ {active:item.active} }}"bindtap="handleTap(index)"><view>{{item.content}}</view><!--循环内部双向数据绑定--><input type="text" wx:model="{{list[index].content}}"/></view></view><!--自定义组件获取实例，双向绑定，自定义双向绑定属性及事件--><custom-input wx:ref="ci" wx:model="{{customInfo}}" wx:model-prop="info" wx:model-event="change"/><!--动态组件，is传入组件名字符串，可使用的组件需要在json中注册，全局注册也生效--><component is="{{current}}"></component><!--显示/隐藏dom--><view class="bottom" wx:show="{{showBottom}}"><!--模板条件编译，__mpx_mode__为框架注入的环境变量，条件判断为false的模板不会生成到dist--><view wx:if="{{__mpx_mode__ === 'wx'}}">wx env</view><view wx:if="{{__mpx_mode__ === 'ali'}}">ali env</view></view></view>
</template><script>import { createPage } from '@mpxjs/core'createPage({data: {// 动态样式和类名也可以使用computed返回dynamicStyle: {fontSize: '16px',color: 'red'},title: 'hello world',list: [{content: '全军出击',id: 0,active: false},{content: '猥琐发育，别浪',id: 1,active: false}],customInfo: {title: 'test',content: 'test content'},current: 'com-a',showBottom: false},computed: {reversedTitle () {return this.title.split('').reverse().join('')}},watch: {title: {handler (val, oldVal) {console.log(val, oldVal)},immediate: true}},handleTap (index) {// 处理函数直接通过参数获取当前点击的index，清晰简洁this.list[index].active = !this.list[index].active},onReady () {setTimeout(() => {// 更新数据，同时关联的计算属性reversedTitle也会更新this.title = '你好，世界'// 此时动态组件会从com-a切换为com-bthis.current = 'com-b'}, 1000)}})
</script><script type="application/json">{"usingComponents": {"custom-input": "../components/custom-input","com-a": "../components/com-a","com-b": "../components/com-b"}}
</script><style lang="stylus">.containerposition absolutewidth 100%
</style>

淘宝客优惠券领取微信小程序前台和后台源码相关推荐

淘宝客优惠券领取微信小程序前台和后台C#源码
一.源码特点 1.这是一个微信小程序对接淘宝的淘宝客api自助搜索优惠券领取程序,简单易学,有兴趣的欢迎下载 2.后台采用asp.netMvc框架开发.实现了调用阿里妈妈的 ...
一套ASP.NET优惠券领取微信小程序源码（前台+后台）
ASP.NET优惠券领取微信小程序源码(前台+后台) 源码免费分享!需要源码学习可私信我. 一.源码特点 1.这是一个微信小程序对接淘宝的淘宝客api自助搜索优惠券领取程序,简单易学. 2.后台采用a ...
微信小程序宠物商城项目源码来了~
微信小程序蒙服汇项目源码来了~ 微信小程序垃圾分类项目源码来了~ 微信小程序校园社团管理系统项目源码来了~ 团队承接各类小程序定制,需要加微 code_gg_boy .小商城,购物,公司的一些管理,流 ...
微信小程序盲盒系统源码附带教程
微信小程序盲盒系统源码可对接微信支付附带教程盲盒小程序的教学服务器安装宝塔面板设置好网站数据库设置好SSL证书上传微擎框架框架安装好上传小程序后台 /addons 这个目录是放置后 ...
基于olami开放语义平台的微信小程序遥知之源码实现
概述实现一个智能生活信息查询的小秘书功能,支持查天气.新闻.日历.汇率.笑话.故事.百科.诗词.邮编.区号.菜谱.股票.节目预告,还支持闲聊.算24点.数学计算.单位换算.购物.搜索等功能. 使用方 ...
驾校分期-众筹项目java前后端分离项目vue（微信小程序+java前后端源码下载）
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
微云二手车运营版公众号+小程序v1.1.20+微信小程序+抖音端源码安装教程
系统包括PC+公众号+小程序v1.1.20+微信小程序+抖音小程序前端,使用前先在后台初始化下数据.播播资源网技术小编看了下说明是带PC端功能,但后台没找到设置的地方,不过公众号+小程序+抖音也够用了 ...
校园服务小程序源代码分享园服务微信小程序全开源版源码-包含服务端
2021年4月17日更新严正声明: [请一定勿将程序用户商业用途且包括用此程序去参加各类学校的竞赛或者其他以获取名利而参与的竞赛等,一旦被原作者发现将会面临严重的侵权责任后果,特别是被获奖后会遭 ...
微信商城小程序带java后台源码
微信小程序商城(Java版) 获得荣誉 GVP 官方首页演示地址最新开发文档微同商城商业版官方QQ群: git:https://gitee.com/fuyang_lipengjun/platf ...
最新开源微信小程序一键开发平台源码支持15大功能模块+完整前后端+搭建教程
分享一个开源微信小程序一键开发综合平台源码,系统支持15大小程序功能模块,涉及各行各业,含完整前后端+详细搭建部署教程. 系统特色功能一览: 1.全新重构升级功能后端文件和前端文件: 2.整套源码已经 ...

淘宝客优惠券领取微信小程序前台和后台源码

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

源代码地址

步骤

成品展示

代码

淘宝客优惠券领取微信小程序前台和后台源码相关推荐

最新文章

热门文章