小程序界面
[微信扫码]打开小程序，修改定位到湖北省宜昌市夷陵区云计算中心，即可查看演示活动数据
管理后台界面
链接地址:.
搭建准备
认证公众号（服务号），需开通微信支付，创建小程序审核
服务器（推荐阿里云服务器）
域名：微信未拦截的备案域名（如果用阿里云服务器，备案域名接入商也需是阿里云的）
腾讯地图key：
获取地址：/dev/console/key/manage
获取方法：前往上面链接，注册账号，创建应用，绑定小程序APPID，即可获取。
搭建方法
下载源码解压文件到服务器目录，程序运行目录public,配置好数据库参数，修改域名为你的域名，然后访问后台进入设置，配置好小程序、微信支付的参数即可。然后用微信开发者工具，导入项目，提交审核。
微信开发者工具，导入项目，提交审核
主要功能介绍
1.独立用户端小程序
2.独立商家端小程序
3.邀请分销功能
4.邀请用户会员兑换会员共
5.会员开通及权益
更多功能欢迎咨询了解
<view class="shoplist"><view class="shoplist-title"><text class="title-xhx u-font-xl u-font-w-600">附近商家</text></view><view class="shaixuan"><view class="dropdown"><xfl-select:list="listssss":typelist="typelist":clearable="false":showItemNum="5" :isCanInput="true" :style_Container="listBoxStyle":placeholder = "'placeholder'":initValue="'综合排序'":selectHideType="'independent'"@change="selecetchange"@tabChange="tabChange"@switchChange="switchChange"></xfl-select></view></view><view class="shop-list"><view class="shop-item" v-for="(item,index) in activityList" :key="index" @click="goActivityInfo(item.id)"><view class="shop-box"><view class="shop-logo"><u-image :src="item.logo" width="160" height="160" mode="aspectFill"></u-image></view><view class="shop-content"><view class="shop-title"><text>{{item.title}}</text></view><view class="address u-font-sm"><view class="address-info"><text class="address-text">地址：{{item.address}}</text></view><view class="address-distance"><text>{{item.distance}}km</text></view></view><view class="businessHours u-font-sm"><text class="yy" v-if="item.sleep == '0'">营业时间：{{item.rangetime}}(营业中)</text><text class="yy" v-else>营业时间：{{item.rangetime}}(休息中)</text></view><view class="mata u-font-sm"><view class="matas"><text class="mata-type u-m-r-5" v-if="item.paytype == 'mt'">美团</text><text class="mata-type ele u-m-r-5" v-if="item.paytype == 'ele'">饿了么</text><view class="discounts-tag" v-for="(items,indexs) in item.card" :key="indexs"><text class="jn-tag"><text v-if="items.vip == 1">会员</text><text>满{{items.full}}减{{items.cut}}</text></text></view></view><view class="remain"><text v-if="item.number - item.has_count == 0" class="remains-tag">已抢光</text><text v-else class="remain-tag">剩余{{item.number - item.has_count}}份</text></view></view></view></view></view><u-loadmore :status="status" :icon-type="iconType" :load-text="loadText"/></view></view>catalist(id,image){this.$u.route({url: 'pages/classifyList/classifyList',params: {id: id,image:image}})},isGetSetting(){var that = this;uni.getSetting({success: (res) => {var statu = res.authSetting;if (!statu['scope.userLocation']) { //没授权that.txMap()}else {if(that.location.longitude == '' && that.location.latitude == ''){that.txMap()}else {// that.recommendstore();// that.getnearbyshopsList(that.page);}}}})},txMap(){var that = this;uni.getLocation({type: 'gcj02',geocode: true,success: function(res) {that.lng = res.longitudethat.lat = res.latitudeconsole.log(234)const QQMapWX = new qqmapsdk({key: 'Z7IBZ-WCG3O-EHVWB-SWYI3-ORMM3-Q6FWF'});QQMapWX.reverseGeocoder({location: {latitude: that.lat,longitude: that.lng},success: function(res) {that.$u.vuex('location.longitude', that.lng);that.$u.vuex('location.latitude', that.lat);that.$u.vuex('location.name', res.result.formatted_addresses.recommend);that.$u.vuex('location.address', res.result.address);// that.recommendstore();// that.getnearbyshopsList(that.page);},fail: function(res) {uni.showToast({title: '定位失败',duration: 2000,icon: 'none'});
全新霸王餐小程序 外卖霸王餐程序代码源码|美团/饿了么霸王餐系统 粉丝裂变分销 独立商家端
