基于PHP开发的外卖订餐网站(带源码)
2022-11-18 09:03:47
187
{{single.collect_count}}

美团/饿了么外卖小程序源码

只需注册阿里妈妈/美团联盟,就可以轻松获取推广佣金。

做淘客、京东联盟、多多客等导购的app越来越多,不少人在找美团和饿了么外卖红包的小程序源码!分享给大家

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

源代码地址

http://www.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>

课程目录:

01-6年自媒体人,为什么强烈建议你做头条号?原因有4点!

02-第一步错了就别想赚钱,创作领域4大原则,自媒体新人必看

03-巧用头条推荐机制,快速提升推荐量,只需用好这4点,效果明显!

04-如何申请视频原创?记住:原创申请万能公式,快速开通原创!

05-想做自媒体月入过万?头条号实战课程基础篇,注册与认证

06-头条号实战课程:微头条怎么写?记住这5点,轻松打造爆文!

07-头条号实战课程:头条号涨粉利器,一次涨粉700,赶快试试

08-头条号实战课程:头条号怎么赚钱?学会一种,就可轻松赚钱

09-头条号实战课程:头条号如何进行V认证?只需7天快速完成认证!

10-微头条这么发,容易出爆文,记住这个方法,快速涨粉,快速赚钱!

11-头条号如何快速涨粉?

12个头条号涨粉策略,日涨粉500人!

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}