省钱兄同城跑腿小程序源码uniapp前端模版源码（小程序+APP+H5）

开源省钱兄同城跑腿源码，目前只开源用户端V2版本部分核心模块源码提供学习研究

使用uniapp技术，提供学习使用不可商业
适配支持公众号+APP+H5+小程序，使用Hbuilder导入即可运行

#功能说明
发布跑腿订单管理轮播帮我买帮我送同城服务同城帮买

万能任务公告红包地址管理联系客服系统设置修改头像

红包列表价格计算协议设置中心登录获取验证码等功能

定位功能地图功能学习

# 体验方式
小程序搜索：码兄新跑腿

# 技术栈
用户端 uniapp（vue语法）

#下载地址

省钱兄同城跑腿源码（小程序+APP+H5）uniapp前端模版源码-小程序文档类资源-CSDN下载

# 产品介绍

省钱兄同城跑腿-同城跑腿小程序源码-跑腿APP-跑腿配送服务-校园跑腿源码

<!-- 开源省钱兄同城跑腿源码，目前只开源用户端V2版本部分核心模块源码提供学习研究，使用uniapp技术，提供学习使用不可商业，商业使用请联系13895585204(同微信)授权
适配支持公众号+APP+H5+小程序，使用Hbuilder导入即可运行 -->
<template><view><view class="margin-lr" v-if="modelSwt == '否'"><view class=""><swiper class="swiper" autoplay="1500" :indicator-dots="true" :circular='true'indicator-active-color="#ffffff" indicator-color="#cccccc"><swiper-item class="swiper-wrap" v-for="(item,index) in bannerList" :key='index'style="height: 300upx;"><image :src="item.imageUrl" style="width: 100%;border-radius: 8upx;height: 300upx;"@click="goWeb(item.url)" mode="scaleToFill"></image></swiper-item></swiper></view><view class="flex justify-between align-center bg-white margin-tb padding-lr-sm radius"style="width: 100%;height: 100rpx;"><image src="../../static/image/index/xinxi.png" style="width: 126rpx;height: 30rpx;" mode=""></image><view class="flex-sub margin-left-sm"><swiper class="swiper" autoplay="1500" :vertical='true' style="height: 40rpx;overflow: hidden;"><swiper-item class="" v-for="(item,index) in noticeList" :key='index' @click="goWeb1(item.url)"><text>{{item.title}}</text></swiper-item></swiper></view></view><view><view class="text-black text-xl text-bold margin-bottom">帮帮跑腿</view><view class="flex justify-between flex-wrap"><view class="bg-video margin-tb-xs" v-for="(item,index) in classifyLsit" :key='index'@click="goNav(item.url)"><image :src="item.imageUrl" mode="" style="width: 340rpx;height: 200rpx;"></image><view class="flex flex-direction justify-end"style="position: absolute;top: 0;padding: 30rpx;width: 100%;height: 100%;"><view class="text-white text-lg text-bold">{{item.name}}</view></view></view></view></view><!-- 红包 --><view class="hongbao" v-if="HBShow"><view style="width: 52%;margin: 0 auto;position: relative;"><view @click="HBShow=false"style="position: absolute;right: -10rpx;top: -10rpx;font-size: 32rpx;font-weight: bold;">X</view><image src="../../static/image/hb_bg.png" class="hb_img"></image><image src="../../static/image/hb_btn.png" class="hb_btn" @click="takemoney()"></image></view></view></view><view class="content" v-if="modelSwt == '是'"><!-- #ifndef MP-WEIXIN  --><view class="page-body"><view class="page-section page-section-gap"><map id="map" style="width: 100%; height: 700px;" :latitude="latitude" :longitude="longitude":markers="covers" :show-location="true"><cover-view style="position: fixed;top: 345px;right: 30px;" @click="onToGetLocation()"><cover-image class="img-map1" src="../../static/image/dw.png"></cover-image></cover-view></map></view></view><!-- #endif --><!-- #ifdef MP-WEIXIN --><view class="page-body"><view class="page-section page-section-gap"><map id="map" style="width: 100%; height: 700px;" :latitude="latitude" :longitude="longitude":markers="covers" :show-location="true" :customCallout="customCallout"><cover-view style="position: fixed;bottom: 430rpx;right: 60rpx;" @click="onToGetLocation()"><cover-image class="img-map1" src="../../static/image/dw.png"></cover-image></cover-view></map></view></view><!-- #endif --><cover-view class="controls-title"><cover-view class="controls-tabs"><cover-view v-for="(item,index) in classifyLsit" :key="index" v-if="index<4"@tap="change(index,item)" class="atabs_ds"><cover-view>{{item.name}}</cover-view><cover-view :class="{btna:count == index}"></cover-view></cover-view></cover-view><!-- 同城服务 --><cover-view class="tabs_box"><cover-view class="pay_tit"><cover-view class="pay_name">请写明{{modelDet.name }}的内容</cover-view><cover-view class="pay_set">请填写您的具体要求等</cover-view><cover-view class="pay_radius" @click="bindcity(4)">下单</cover-view></cover-view></cover-view></cover-view><cover-view class="hongbao" v-if="HBShow"><cover-view style="width: 52%;margin: 0 auto;position: relative;"><cover-view @click="HBShow=false"style="position: absolute;right: -10rpx;top: -10rpx;font-size: 32rpx;font-weight: bold;">X</cover-view><cover-image src="../../static/image/hb_bg.png" class="hb_img"></cover-image><cover-image src="../../static/image/hb_btn.png" class="hb_btn" @click="takemoney()"></cover-image></cover-view></cover-view><cover-view v-else></cover-view></view></view>
</template><script>export default {data() {return {HBShow: false,modelSwt: "",modelDet: {},id: 0, // 使用 marker点击事件 需要填写idtitle: 'map',latitude: '',longitude: '',iconPath: '../../static/image/location.png',covers: [{latitude: '',longitude: '',iconPath: '../../static/image/location.png',width: 40,height: 40,callout: { //自定义标记点上方的气泡窗口 点击有效content: '当前附近骑手', //文本color: '#ffffff', //文字颜色fontSize: 10, //文本大小padding: 10, //附近留白borderRadius: 2, //边框圆角bgColor: '#00c16f', //背景颜色display: 'ALWAYS', //常显},}],count: "",list: [{id: 0,name: '帮我送'}, {id: 1,name: '帮我取'}, {id: 2,name: '同城帮买'}, {id: 3,name: '同城服务'}],current: 0,value0: '',value1: '',value2: '',value3: '',type: 'text',clearable: false,riderNumber: '',// 用户红包newUserFlag: 2,token: '',bannerList: [],noticeList: [],classifyLsit: [],tuiguang: '',tuiguangImg: '',arr: [],showModal1: true,invitationCode:''}},// 开源省钱兄同城跑腿源码，目前只开源用户端V2版本部分核心模块源码提供学习研究，使用uniapp技术，提供学习使用不可商业，商业使用请联系13895585204授权// 适配支持公众号+APP+H5+小程序，使用Hbuilder导入即可运行onLoad(option) {if (option.scene) {console.log('邀请人的码：', option.scene)this.$queue.setData("userByinvitationId", option.scene);}// 获取邀请码保存到本地if (option.invitation) {that.$queue.setData('userByinvitationId', option.invitation);}this.invitationCode = this.$queue.getData('invitationCode');this.getBannerList()this.getNoticeList()this.getZiZhi()let takeAddress = {data1: '',data2: '',}let closeAddress = {data1: '',data2: '',data3: '',data4: '',citydata: ''}uni.setStorageSync('takeAddress', takeAddress)uni.setStorageSync('closeAddress', closeAddress)if (uni.getStorageSync('disinfo')) {uni.removeStorageSync('disinfo')}},onShow() {// 首页是否展示地图this.$Request.getT('/app/common/type/275').then(res => {if (res.code == 0) {if (res.data && res.data.value) {this.modelSwt = res.data.valuethis.$queue.setData('modelSwt', res.data.value)}}});this.token = uni.getStorageSync('token')if (this.token) {this.getUser()}this.$Request.getT('/app/common/type/307').then(res => { //用户端骑手取消订单通知 307if (res.code == 0) {if (res.data && res.data.value) {this.arr.push(res.data.value)}}})if (this.showModal1) {// #ifdef MP-WEIXINthis.openMsg()// #endif}},onReady() {this.map = uni.createMapContext("map", this)},onShareAppMessage(res) { //发送给朋友return {title: this.tuiguang,path: '/pages/index/index?invitation='+this.invitationCode,imageUrl: this.tuiguangImg,}},onShareTimeline(res) { //分享到朋友圈return {title: this.tuiguang,path: '/pages/index/index?invitation='+this.invitationCode,imageUrl: this.tuiguangImg,}},methods: {// 分享文案和图片getZiZhi() {this.$Request.getT('/app/common/type/276').then(res => {if (res.code === 0) {this.tuiguang = res.data.value;}});this.$Request.getT('/app/common/type/277').then(res => {if (res.code === 0) {this.tuiguangImg = res.data.value;}});},goWeb(url) {console.log(url.indexOf('/pages/') !== -1)returnif (url.indexOf('/pages/') !== -1) {uni.navigateTo({url});} else {//#ifndef H5uni.navigateTo({url: '/pages/index/webView?url=' + url});//#endif//#ifdef H5window.location.href = url;//#endif}},goWeb1(url) {if (url.indexOf('http') !== -1) {//#ifndef H5uni.navigateTo({url: '/pages/index/webView?url=' + url});//#endif//#ifdef H5window.location.href = url;//#endif}},// 跳转发布页面goNav(e) {if (this.token) {uni.navigateTo({url: e})} else {uni.navigateTo({url: '/pages/my/register'})}},// 获取轮播图getBannerList() {this.$Request.get("/app/banner/selectBannerList?classify=1&state=1").then(res => {if (res.code == 0) {this.bannerList = res.data}});this.$Request.get("/app/banner/selectBannerList?classify=4&state=1").then(res => {if (res.code == 0) {this.classifyLsit = res.datathis.modelDet = this.classifyLsit[0]}});},// 获取公告getNoticeList() {let data = {page: 1,limit: 100}this.$Request.get("/app/notice/selectNoticeList", data).then(res => {if (res.code == 0) {this.noticeList = res.data.list}});},// 获取用户当前定位getUser() {console.log('执行')var that = thisuni.getLocation({type: 'wgs84',success: function(res) {// console.log('成功')// console.log(res)console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);that.longitude = res.longitudethat.latitude = res.latitudethat.covers[0].longitude = res.longitudethat.covers[0].latitude = res.latitudethat.getAdd(that.longitude, that.latitude)that.getuserinfo()},fail: function(err) {console.log('授权失败', err)uni.showToast({title: "获取位置授权失败",icon: "none"})}});},//右下角定位按钮的点击事件onToGetLocation() {console.log('11')// this.   getUser() // this.map.moveToLocation(); let mapContext = uni.createMapContext('map');mapContext.moveToLocation(); //moveToLocation将地图中心移动到当前定位点，需要配合map组件的show-location使用},// 跑腿人位置getAdd(lng, lat) {this.$Request.getT('/app/indent/find5KmRider?lng=' + lng + '&lat=' + lat).then(res => {// console.log('```````````````', res)if (res.code == 0) {this.riderNumber = res.data.lengthif (res.data.length > 0) {var arr = []for (var i in res.data) {var obj = {}obj.latitude = res.data[i].stationLatobj.longitude = res.data[i].stationLngobj.iconPath = '../../static/image/rider.png'obj.width = 30obj.height = 30arr.push(obj)}this.covers[0].callout.content = '当前附近骑手' + res.data.length + '人'// this.covers = arrthis.covers = [...this.covers, ...arr];// console.log('this.covers ', this.covers)}}});},change(index, item) {// console.log(index)this.modelDet = itemthis.current = index;this.count = index;console.log(this.count)// uni.removeStorageSync('takeAddress')},bindHelppay(index) {// console.log(index)let token = this.$queue.getData("token");if (token) {uni.navigateTo({url: '/pages/Helppay/Helppay'})} else {uni.navigateTo({url: '/pages/my/register'})}},bindcity(index) {// console.log(index)let token = this.$queue.getData("token");if (token) {uni.navigateTo({url: this.modelDet.url})} else {uni.navigateTo({url: '/pages/my/register'})}},bindtake(index) {// console.log(index)let token = this.$queue.getData("token");if (token) {if (this.longitude == '') {this.getUser()} else {uni.navigateTo({url: '/pages/takeaddress/takeaddress?index=' + index})}} else {uni.navigateTo({url: '/pages/my/register'})}},bindclose(index) {// console.log(index)let token = this.$queue.getData("token");if (token) {uni.navigateTo({url: '/pages/closeaddress/closeaddress?index=' + index})} else {uni.navigateTo({url: '/pages/my/register'})}},// 获取用户信息getuserinfo() {this.$Request.getT('/app/userinfo/findUserInfoById').then(res => {console.log(res)if (res.code == 0) {this.newUserFlag = res.data.newUserFlagconsole.log(this.newUserFlag)if (this.newUserFlag == 1) {this.HBShow = true} else {this.HBShow = false}}});},// 红包takemoney() {this.$Request.getT('/app/userinfo/getNewUserRedPacket').then(res => {console.log(res)if (res.code === 0) {this.HBShow = falsethis.getuserinfo()setTimeout(function() {uni.navigateTo({url: '/pages/my/hongbao/hongbao'})}, 100)} else {uni.showToast({title: res.msg,icon: "none"})this.newUserFlag = ''}});},// 开启订阅消息openMsg() {console.log('订阅消息')var that = thisuni.getSetting({withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回success(ret) {console.log(ret.subscriptionsSetting, '------------------')// if (ret.subscriptionsSetting.itemSettings && Object.keys(ret.subscriptionsSetting.itemSettings).length == 2) {if (ret.subscriptionsSetting.itemSettings) {uni.setStorageSync('sendMsg', true)uni.openSetting({ // 打开设置页 success(rea) {console.log(rea.authSetting)}});} else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息console.log(99999)uni.setStorageSync('sendMsg', false)uni.showModal({title: '提示',content: '为了更好的体验,请绑定消息推送',confirmText: '确定',cancelText: '取消',success: function(res) {if (res.confirm) {console.log(that.arr)wx.requestSubscribeMessage({tmplIds: that.arr,success(re) {console.log(JSON.stringify(re),'++++++++++++++')var datas = JSON.stringify(re);if (datas.indexOf("accept") != -1) {console.log(re)// uni.setStorageSync('sendMsg', true)}},fail: (res) => {console.log(res)}})// uni.setStorageSync('sendMsg', true)console.log('确认')that.showModal1 = false} else if (res.cancel) {console.log('取消')// uni.setStorageSync('sendMsg', false)that.showModal1 = true}}})}}})},}}
</script><style>.content {width: 100%;position: fixed;top: 0upx;left: 0upx;right: 0upx;bottom: 0upx;}.controls-title {width: 90%;height: 370upx;background: #FFFFFF;position: fixed;bottom: 0rpx;margin: 40upx;border-radius: 26upx;box-shadow: 0upx 30upx 40upx 0upx rgba(187, 170, 163, 0.20);/* #ifndef MP-WEIXIN */width: 90%;margin: 0 40rpx;margin-bottom: 150rpx;/* #endif */}/* tab选项卡 */.controls-tabs {display: flex;font-size: 33rpx;overflow-x: auto;}.atabs_ds {flex-grow: 1;text-align: center;height: 55rpx;}/* .tabs_box {display: none;background: #C8C7CC;} */.btna {background: #FF6A04;width: 68%;height: 8rpx;margin: 9rpx 10rpx 10rpx 29rpx;border-radius: 35rpx;}.tabs_box {/* display: none; */}.dis {display: block;}.controls-tabs {width: 100%;height: 90rpx;display: flex;justify-content: center;align-items: center;margin-top: 10rpx;}.box_bg {width: 90%;height: 100upx;background: #FFFFFF;margin: 0 auto;border-radius: 12upx;display: flex;margin-top: 20upx;}.box {width: 90%;height: 100upx;background: #F5F5F5;margin: 0 auto;border-radius: 12upx;display: flex;margin-top: 20upx;}.box_dian {flex: 1;display: flex;justify-content: center;align-items: center;}.box_dian cover-image {width: 20upx;height: 20upx;}.box_name {flex: 5;display: flex;justify-content: left;align-items: center;color: #333333;font-weight: 700;font-size: 34rpx;}.box_addres {flex: 5;}.add {color: #333333;font-size: 26upx;letter-spacing: 2upx;font-weight: bold;line-height: 50upx;}.name {display: inline;font-size: 24upx;color: #999999;}.number {display: initial;color: #999999;font-size: 24upx;margin-left: 30upx;}.box_image {flex: 1;display: flex;justify-content: center;align-items: center;}.icon_you {color: #CCCCCC !important;}/* 同城购买 */.pay_tit {width: 90%;margin: 0 auto;height: 200upx;position: relative;}.pay_name {font-size: 31rpx;font-weight: bold;width: 95%;margin: 0 auto;letter-spacing: 2upx;}.pay_set {color: #333333;font-size: 28rpx;width: 95%;margin: 0 auto;margin-top: 20upx;}.pay_radius {width: 100upx;height: 100upx;background: #FF7F00;color: white;text-align: center;line-height: 100upx;border-radius: 68upx;position: absolute;right: 20upx;}.hongbao {width: 100%;/* height: 100px; *//* background: #007AFF; */position: fixed;top: 24%;/* bottom: 50%; */left: 0rpx;right: 0rpx;/* display: none; */}.hb_img {width: 100%;height: 435rpx;}.hb_btn {width: 60%;height: 72rpx;position: absolute;top: 315rpx;left: 80rpx;}.img-map1 {width: 80rpx;height: 80rpx;}
</style>

省钱兄同城跑腿小程序源码uniapp前端模版源码（小程序+APP+H5）相关推荐

家政上门预约服务小程序APP源码uniapp前端模版
简介: 家政上门预约服务小程序源码是一款专业家政门到门预约服务应用小程序,开源省钱兄家政系统v1版本前端源码,目前只开源用户端V1版本部分模块源码提供学习研究,使用uniapp技术,已 ...
省钱兄校园跑腿源码（公众号+APP+小程序+Android+IOS）校园跑腿社区跑腿同城跑腿任务兼职小程序uniapp前端模版
开源代码是用户端uniapp部分源码,使用hbuilder导入即可运行只提供参考学习使用!已经获得软著!不可商业使用!感谢支持 h5体验地址 h5:https://paotui.xianmxkj.c ...
智慧党建云平台小程序 v2.4.9+前端（公众号+小程序一体）开源版源码下载安装教程
智慧党建云平台(vlinke_fdcparty)v2.4.9小程序功能模块,源码带最新微信小程序前端,小程序主程序后端,播播资源网小编测试前后端正常使用!分享的版本是最新标准版模块,模块是目前比官方低 ...
省钱兄游戏陪玩小程序APP源码uniapp前端源码适配支持（APP+小程序+H5）
开源代码是用户端uniapp静态部分源码,提供学习使用使用hbuilder导入即可运行,目前适配小程序,安卓,IOS,H5 游戏类型,我的信息,我的要求,立即找大神编辑,我想玩的游戏,我想找,其他 ...
智慧党建云平台小程序 v2.6.0+前端（公众号+小程序一体）开源版源码
智慧党建云平台(vlinke_fdcparty)v2.4.9小程序功能模块,源码带最新微信小程序前端,小程序主程序后端,播播资源网小编测试前后端正常使用!分享的版本是最新标准版!有会员需要特别找了一下 ...
php获取微信小程序用户头像,微信小程序获取用户头像+昵称+openid，小程序登录！附前端后端源码！...
做一款小程序,如果需要判断用户,当然要获取一些基本信息,例如头像,昵称,openid.所以本次案例就直接上代码了. 小程序前端 index.wxml 获取头像昵称 {{userInfo.nickNam ...
Uni-app前端开发|基于微信小程序的快递运输管理系统
作者主页:编程指南针作者简介:Java领域优质创作者.CSDN博客专家 .CSDN内容合伙人.掘金特邀作者.阿里云博客专家.51CTO特邀作者.多年架构师设计经验.腾讯课堂常驻讲师主要内容:Jav ...
java程序员需要会前端吗_一个后端程序员，需要掌握前端技术吗？
一个后端程序员,需要掌握前端技术吗? JSP时代 8年前,刚刚进入编程这个行业,当时的Web开发使用古老的SSH框架+JSP.那个时候,几乎所有的Java程序员都要懂得如何写JavaScript.如何 ...
uni-app 使用vue的语法+小程序的标签和API。
开发规范为了实现多端兼容,综合考虑编译速度.运行性能等因素,uni-app 约定了如下开发规范: 页面文件遵循 Vue 单文件组件 (SFC) 规范组件标签靠近小程序规范,详见uni-app 组件 ...

省钱兄同城跑腿小程序源码uniapp前端模版源码（小程序+APP+H5）

省钱兄同城跑腿小程序源码uniapp前端模版源码（小程序+APP+H5）相关推荐

最新文章

热门文章