随笔分类 - 微信小程序
摘要：前言：本人使用goeasy来实现微信小程序里面和其他人的im临时对话窗口，想要实现可以同时发送语音和视频、图片、表情包的话，就要通过goeasy关联到阿里云的存储对象。 报错：The OSS Access Key Id you provided does not exist in our recor
阅读全文
摘要：一、在iconfont上面注册然后创立自己得项目，先把想要使用得图片以SVG得形式下载下来，然后上传到自己得项目中 ==注意要把图片得名字命名为英文得才行 然后就可以在代码中，style/iconfont/iconfont.wxss 把iconfont中自动生成得css代码复制过去 然后在app.w
阅读全文
摘要：要搞一个小型的cms内容发布系统 因为小程序上线之后，直接对数据库进行操作的话，慧出问题的，所以一般都会做一个管理系统，让工作人员通过这个管理系统来对这个数据库进行增删改查 微信小程序其实给我们提供了这样的能力了 （也就是可以在自己已有的服务器来进行云操作，所以就可以通过这个CMS内容管理系统来对云
阅读全文
摘要：回顾：前面完成的是对搜索框的布局，点击输入和没点击输入的不同显示，以及历史记录的通过storage保存，还有历史记录的清空 下面来搞，我们怎么样进行搜索！在search.js中定义一个searchList来保存搜索的结果，这个数组里面包含的就是我们搜索到的用户名 头像 还有id 我们是吧 用户 按了
阅读全文
摘要：回顾/：我们已经实现了显示附近的人的功能了，可以多个人看到附近的人页面了 但是还是要进行优化有几个问题：1、我们用户选择了其他的自定义头像之后，在首页可以看到头像的变化，但是在附近的人中头像会变成报错的样式：如： 也就是500了，也就是找不到这个图片了，解决方法：看开发文档-》云开发 https:/
阅读全文
摘要：回顾：在下面的tabbar中，我们已经实现了首页 消息 我的，就剩下”附近“页面了 ”附近“的页面主要是用地图来进行展示的（可以显示我的位置，也可以显示周围附近的人的位置） （在地图里面点击它的头像的话，就可以看到详情页了，然后也可以知道它的位置） 1、首先要利用 地图 组件-这个是小程序给我们提供
阅读全文
摘要：前期回顾：我们给每个用户的数据库都添加了一个friendList字段这个是一个数组的字段，用来保存他的好友的id，然后通过点击消息列表中的 昵称，就可以添加这个好友了，然后点击添加好友之后，就会把这个消息删掉，在数据库中申请人和被申请人都会看到对方的id出现在自己的friendList字段里面的 也
阅读全文
摘要：回顾：之前我们进行了删除的功能，以及对message消息的增删，下面实现添加好友的功能 我们先在数据库中，在message这个字段的list里面，添加上测试号的id，就是模拟这个两个测试号要加我主号的效果“ 就可以达到这个效果了 下面我们正式开始实现 1、在removeList的wxml的昵称结构处
阅读全文
摘要：回顾：上一次已经把消息的布局以及样式做好了 效果图： 在removeList.js文件中，messageId就是发起这个消息的用户了 先查看一下自定义组件的生命周期 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-c
阅读全文
摘要：1、首先要在 添加好友 这个按钮上添加一个事件，也就是在detail.wxml的添加好友这个按钮的哪里，添加一个点击事件 handleAddFriend 并且添加好友还要考虑，现在是已登陆状态还是未登陆状态的，只有是登陆状态的时候，才可以发起添加好友的请求的 所以就要先判断一下它是否已经登陆了 因为
阅读全文
摘要：为了方便用户可以拨打电话和复制微信号（下面就要实现这样的两个功能） 注意:在小程序中是没办法直接的添加用户的微信的，所以就只能是复制微信号 （这种东西的话可以直接去做，也可以做成组件，做出组件的好处就是可以在其他地方也可以用的） 下面也演示了如何创建一个组件 在components下面，新建一个ca
阅读全文
摘要：一、点赞次数的优化 新建一个unitFormat.wxs文件，定义一个函数，拿到一个数字之后进行处理 记得要提供一个对外的借口 toFixed（n）就是说明保留n位小数了 并且要注意了，定义模块名字的话，是唯一性的，也就是不能重复的 这里设置的是k，假如后面超过了上万的话，也可以设置是w这个单位了
阅读全文
摘要：在这之前已经把编辑个人的所有信息的功能已经完成了 之后先对首页的列表搞动态的，之前都是写死的静态 1、之前都是把好友写死的，现在就在js里面定义一个数组，用循环来动态的绑定 在onReady中定义，取真实的数据给定义的列表数组list 通过调用 db.collection('users').get(
阅读全文
摘要：一、功能分析： 1、也是要有两个按钮（和修改昵称类似）就是可以选择用微信的头像，也可以自定义头像（直接copy name.wxml中的代码即可） 2、下面就不再是文本框了，而是一个image标签，并且还要实现上传图片的功能 二实现： 2、这个上传的功能，微信小程序已经帮我们封装好的了 微信开放文档-
阅读全文
摘要：一、因为要进行修改 昵称、微信号、手机号等等页面，都是可以在editUserInfo这个页面下进行的 也就是说如果要跳转到修改页面的话，就是要创立这些新的页面了，所以就可以在page下面进行创立，但是最好还是在editUserInfo这个文件中进行 添加的，如下所示 二、对修改签名功能进行设计 直接
阅读全文
摘要：用于这是一个交友的小程序，所以用户的信息在很多页面中都是会被用到的 也就是在不同的页面中（首页 推荐 消息 个人）中都是要用到这些消息的 这些就是需要定义全局的数据了，就要在app.js中进行定义了 this.userInfo = {} 这样通过this挂载，就可以在每个不同的页面中使用这个用户的信
阅读全文
摘要：通过基本的布局： <!--miniprogram/pages/user/user.wxml--> <view class="user"> <view class="user-info"> <image src="{{userPhoto}}" /> <text> 欢迎您:{{nickName}}</t
阅读全文
摘要：一般都是直接用微信提供的组件来进行布局的 在小程序中最好少用id，尽量用class 轮播图就是直接用swiper 直接在微信开发者文档里面-》组件-》swiper-》示例代码 <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autopla
阅读全文
摘要：一、tabbar 在微信开发者文档中 【指南】-》【小程序配置】-》全局配置-》就可以看到tabBar相关的东西了 "tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "page
阅读全文
摘要：一、引入iconfont 首先在iconfont.com中注册登陆： 点击上方【图标管理】并进入我的项目 注意：如果没有项目的话，就点击右边的来创建项目 在官网中找到想要的图标之后，以SVG的形式下载下来，然后在iconfont【我的项目】中上传刚下载下来的图标 上传的时候记得对图标命名为【英文的】
阅读全文
浙公网安备 33010602011771号