Meituan/Ele.me takeaway applet source code
Just register Alimama/Meituan Alliance, you can easily get the promotion commission.
There are more and more shopping guide apps such as Taoke, JD Alliance, and Duoduoke. Many people are looking for the source code of the small programs of Meituan and Ele.me to deliver red envelopes! Share with everyone
Meituan/Ele.me Takeaway CPS Alliance Rebate Official Account Mini Program Fission Core Source Code
Source code address
https://gitee.com/caonima008/coupon/
step
- Download the above source code to the local
https://gitee.com/caonima008/coupon/ - Modify it to your own WeChat applet, open /dist/pages/ele/index.js
- WeChat Mini Program -> Development Management -> Development Settings to add the domain name of the request: Address:
https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=271531762&lang=zh_CN
- Mini program management background configure your link
Backstage address: http://q.mybei.cn - After entering, select Mini Program Management -> Non-Fission Mini Program Management -> Add Mini Program -> Fill in your own link
- WeChat developer tools, import projects, submit for review
Finished product display
Code
<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-b
this.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">
.container
position absolute
width 100%
</style>