仿探探交友小程序V7.0.2 完整安装包+小程序前端

最新推荐文章于 2024-09-29 14:18:54 发布
最新推荐文章于 2024-09-29 14:18:54 发布
阅读量1.7k 收藏 5
点赞数 1
分类专栏： 源码专区 文章标签： 小程序 前端 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57941469/article/details/122135583
版权
云深不知处㊣
关注
专栏目录
仿探探源码（加注释）
05-25
一个仿探探头像编辑的源码。对（http://www.apkbus.com/forum.php?mod=viewthread&tid=255164&highlight=%E6%8E%A2%E6%8E%A2）源码添加了注释。
TanTan-初试小程序之仿探探.zip
09-23
无论你是一个程序猿还是一个程序媛，每天干的事除了coding还是coding，代码不能解决的问题（什么问题自己心里还没点abcd数嘛），探探能帮你解决。最近网上特流行一款交友软件叫探探（据说是yp软件）。作为探探曾经的一名从来只浏览图片但是没有yue过的资深玩家同时又是一位热爱前端的妹子，我决定要仿一下这个app。既然是寄几开发，那还不是寄几说了算，毫无疑问整款APP的主题风格被我改成我最爱的终极少女粉了hhh，下面让我们一起来感受下探探的魅力吧~项目整体效果项目部分功能点解析主页图片左滑右滑对应按钮变化首先我们来聊一下最让我头痛的地方，就是主页面的左右滑动事件并且对应按钮会相应变化，即我左滑一下图片下面的灰色按钮会有相应的动画效果，右滑则对应着图片下面的红色按钮。对于一个刚入小程序坑的妹子来说，没有大神指点不知道要在这里面的逻辑坑还要绕多久才能绕出来。得一高人指点，我才完美滴实现了这个功能。这里写了三个大的盒子放着图片和文字信息,再将他们放到swiper-item里面，用swiper组件实现整个盒子的左右滑动                                          K             ♂21             金牛座             文化/教育                哦盒子下面不是按钮，我是放了两张图片。             先给他们写个滑动的时候触发的动画效果.active {    animation: active 1s ease;//定义一个叫做active的动画} @keyframes active {//补充active动作脚本     0% {        transform: scale(0.8);     }     50% {        transform: scale(1.2);     }     100% {        transform: scale(1.0);     } }在page的data里面定义三个变量，将left,right变量绑定到对应图片中data: {        left: false ,       right: false,        activeIndex: 0 },在swiper绑定事件中具体判断左右滑动事件changeswiper: function(e) {         var index = e.detail.current;//当前所在页面的 index     if(index > this.data.activeIndex) {//左滑事件判断       this.setData({         left: true//若为左滑，left值为true,触发图片动画效果       })     } else if(index  {//每滑动一次，数据发生变化       this.setData({         activeIndex: index,         left:false,         right:false       })     }, 1000);   },从本地上传图片这个呀查一查小程序开发文档就好了，先在要上传图片的地方的src绑定个数据变量放入图片默认地址，就是上传图片之前的添加图片data: {     imgUrl: '../../images/addImg.png'   },通过绑定tap事件将上传的图片地址替换进去uploadImg: function(e) { var that = this; wx.chooseImage({   count: 1, //上传图片数量   sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有   sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有   success: function (res) {// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片       var tempFilePaths = res.tempFilePaths;       that.setData({           imgUrl: tempFilePaths     })       wx.showToast({//显示上传成功           title: '上传成功',           icon: 'success',           duration: 2000     })   } })，配对成功列表据通过easy-mock获取后台数据block wx:for渲染一个包含多节点的结构块                                                                                                                         {{item.nickname}}                     {{item.message}}                                            获取后台数据wx.request({       url: 'https://www.easy-mock.com/mock/5a23dbf382614c0dc1bebf04/getFriendsList/getFriendsList',       success: (res) => {         // console.log(response);         this.setData({           friendsList: res.data.data.friendsList         })       }     })其它差不多就是切页面了，个人原因用不太习惯weui的官方样式，每个页面都是我自己呕心沥血码出来的，所以大家不喜轻点喷哈,还在努力学习当中~~~项目开发用到的一些工具微信开发者工具、VScode、GithubIconfont阿里巴巴矢量图标库：各种图片logo应有尽有，前端开发必备esay-mock:模拟数据请求，实现无后端编程W3Cschool微信小程序开发教程手册文档：开发小程序要多看看哦小结emmmm目前项目功能还是很简单呀，还有很多功能后面慢慢实现吧~比如利用将上传的图片放到storage中，页面刷新之后图片依然在，slider滑动到某一处在页面上保存当前值，模拟配对成功后弹出提醒页面等等......也希望遇到热爱学习的小伙伴一起交流学习，一起在前端坑里越陷越深hhh项目地址：https://github.com/beautifulg... 求鼓励~求star呀~我的邮箱：804316947@qq.com 这里可以找到我哦作者：略略略
基于微信小程序的交友平台
最新发布
计算机学姐的博客
09-29 1168
基于微信小程序+Java+SpringBoot+Vue+MySQL的交友平台
仿探探交友小程序源码，修复版充值接口 7.0.2
12-24
交友小程序源码，修复版充值接口 7.02交友小程序是一款类似探探的专注交朋友的小程序，是一款不错的脱单神器！ 新增曝光价设置，订单管理 修复授权问题 新增苹果端支付，开启或关闭
仿探探
Caolilu1107的博客
11-21 1109
仿探探的代码很简便 先导依赖 compile 'com.github.mcxtzhang:ZLayoutManager:V1.1.0' 还有在根bulid里面的 allprojects添加 maven { url "https://jitpack.io" } 代码就真么些 mRv.setLayoutManager(new OverLayCardLayoutManag
仿探探_
FH_94的博客
11-21 1026
compile 'com.github.bumptech.glide:glide:3.8.0' compile project(':library') 布局：主布局 <FrameLayout android:layout_width="match_parent" android:layout_height="50dp" andro
交友小程序V7.0.2 完整安装包+小程序前端.rar
07-10
交友小程序是一款类似探探的专注交朋友的小程序，是一款不错的脱单神器！ 版本号：7.0.0 – 会员版本 新增曝光价设置，订单管理 修复授权问题 新增苹果端支付，开启或关闭
交友小程序V7.0.2完整安装包+小程序前端.txt
03-19
交友小程序V7.0.2完整安装包+小程序前端.txt
交友小程序v7.0.2 完整安装包
05-13
交友小程序v7.0.2 完整安装包其实是一个交友应用程序的完整包，由于其版本较高，可以对之前版本的一些问题进行修复和改进，同时也增加了一些新的功能和体验。此版本的完整安装包可以在各大应用商店中下载，也可以在...
jrebel 7.0.2离线安装包+破解文件下载
04-01
jrebel 7.0.2离线安装包+破解文件
微信小程序仿探探翻图片
07-03
微信小程序仿探探翻图片，左右滑动图片消失，可自由拖动
模仿探探切换卡片
06-23
模仿探探切换卡片, 查看博客http://blog.csdn.net/shallcheek/article/details/46606523
社交类app源代码
03-31
社交类app源代码,有动态,IM,社交等功能
模仿探探左右滑动的卡片效果
06-01
模仿探探左右滑动的卡片效果,喜欢往右划，不喜欢往左滑
仿探探卡片式划页
05-04
卡片式滑动翻页
IOS精品源码，仿探探UIButton封装iOS提示弹框迅速引导页自定义导航栏
weixin_34088598的博客
01-17 202
1、仿 探探UI Swift ，重用机制 2、超强UIButton封装 3、一行代码集成UIPickerView，界面完全自定义 4、iOS提示弹框 5、swift UITableView / UICollectionView空白页扩展. 6、iOS 高度封装自适应表单（新增编辑和附件功能） 7、Swift 迅速集...
微信小程序-类似探探的卡片拖拽切换
Just for fun的专栏
12-16 1069
效果 用户可以通过拖拽卡片，来将其移除。除此之外还添加了大量的交互式动画。 效果图 实现 为了提升运行速度，采用了只生成两张卡片，并将其不断复用的方法。 当用户点击卡片式，记录此次的点击位置，并将这张卡片变小，产生按压的效果。 viewTouchInside: function (event) { var that = this var pointX = event.touches[0].clientX var pointY = event.touc..
微信小程序——你可以自己实现一个探探滑动
华山派developer的博客
09-06 1851
此组件是使用原生微信小程序代码开发的一款高性能的卡片滑动组件，无外部依赖，导入即可使用。其主要功能效果类似探探的卡片滑动。/pages/index/card其中，components文件夹下的card组件是cardSwipe组件的抽象节点，放置卡片内容，需要调用者自己实现。而cardSwipe组件为卡片功能的具体实现。pages下的index为调用组件的页面，可供参考。动态新增卡片的wxml节点数不受卡片列表的大小影响，只等于卡片展示数，如果每次只展示三张卡片，那么卡片所代表的节点数只有三个。
Android实战【仿探探陌生社交APP】
qq_20918563的博客
10-26 5854
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云深不知处㊣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值