微信小程序
。。媛。。
这个作者很懒,什么都没留下…
展开
-
模仿网易云微信小程序
1.个人中心动画点击图片下面会有一个回弹的效果类型 触发条件touchstart 手指触摸动作开始touchmove 手指触摸后移动touchcancel 手指触摸动作被打断,如来电提醒,弹窗touchend 手指触摸动作结束tap 手指触摸后马上离开longtap 手指触摸后,超过350ms再离开let startY=0; //手指开始的位置let moveY=0; //手指移动的坐标let moveDistance=0; //手指移动的距离data:{ coverT原创 2021-04-17 12:58:55 · 296 阅读 · 0 评论 -
微信小程序支付实现
微信小程序的支付功能:支付的准备工作: 注册小程序的账号 (不能是个人号,个人号无法认证,并且无法开通微信支付) 进行小程序的认证 (300/年) 开通微信支付 (填写支付所需要的相关信息)前端业务: 1. 在小程序启动的时候,调用wx.login方法获取凭证(凭证也就是code码) 2. 调用获取openid接口,通过传递code码获取后台给返回的openid以及相关信息 3. 将openid和相关信息保存到本地 4. 当点击确认支付按钮的时候,调用统一下单接口原创 2021-04-16 10:39:08 · 1157 阅读 · 0 评论 -
小程序订单页
<view> <view class="pay_header" wx:for='{{ cart }}' wx:key='index'> <view class="pay_top"> <view>{{ item.title }}</view> <view>¥{{ item.price }}</view> </view> <view class="pay_bottom">x{..原创 2021-04-15 11:46:00 · 945 阅读 · 0 评论 -
小程序使用class实现接口封装
class类封装api接口小程序项目中新建config.js 配置公共的请求接口地址以及其他全局参数const config = { //公共接口地址 api_base_url:'https://www.phpsq.cn'}export default{ config}utils文件夹下新建http.js 封装wx.request配置//引入公共接口地址import {config} from "../config"const tips = { "1" : "抱歉,原创 2021-04-12 14:36:39 · 161 阅读 · 0 评论 -
微信小程序网络请求封装
新建http文件夹=》新建api.jsconst { request } = require('./request.js')//项目中用到的各种业务接口的封装module.exports={ //轮播图 getBanner: () => request('banner/list','GET',{},true),//九宫格接口getGoodsCate: () => request('shop/goods/category/all','GET','',true),//原创 2020-12-25 19:30:16 · 126 阅读 · 0 评论 -
小程序之详情html转换
1.下载 wxParse文件2.引入到项目中,与pages平级3.在app.wxss全局样式文件中,需要引入wxParse的样式表@import "/wxParse/wxParse.wxss";4.在需要加载html内容的页面对应的js文件里引入wxParse,获取详情的数据调用change方法。// 转变html的方法change(){ this.setData({ article:this.data.obj.content }) var WxParse = requir原创 2020-11-04 11:17:53 · 277 阅读 · 0 评论 -
小程序/uniapp/vue点击商品跳转详情
wxml部分<view bindtap="skipDetail" wx:for='{{space_right }}' data-id="{{id}}"> <view> <image src="{{item.pic}}"/> </view></view>js部分todetail(e){ let id=e.currentTarget.dataset.id wx.reLaunch({原创 2020-11-04 09:57:21 · 1065 阅读 · 0 评论 -
页面跳转的四种方法
1.wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;wx.navigateTo({ url:'../test/test?id=1&page=4', //跳转页面的路径,可带参数 ?隔开, 不同参数用 & 分隔;相对路径,不需要.wxml后缀 success:function(){}, //成功后的回调; fail原创 2020-08-12 20:34:00 · 2259 阅读 · 0 评论 -
小报错
1 navigateTo:fail page “pages/index/chat/main” is not found跳转时使用相对路径出错enterChat () {mpvue.navigateTo({url: ‘./chat/main’})}改为绝对路径即可enterChat () {mpvue.navigateTo({url: ‘/pages/chat/main’})}image2.wxml文件中的image,尤其是含模板的wxml文件,不能采用图片的绝对路径,否则会找不到而报错。原创 2020-08-11 19:13:06 · 169 阅读 · 0 评论 -
微信小程序授权
token值从哪里来?1.何为token:前端鉴权的一种方式,token由后端生成,token是有时效性2.微信小程序登录授权拿到token第一步:登录流程参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.htmlwx.login()–>wx.request()–>后端—>腾讯服务前端–>后端–>腾讯服务器第二步:具体如何实现 登录--检测是否注原创 2020-08-10 20:12:28 · 297 阅读 · 0 评论 -
微信小程序引入vant报错
(1)问题是找不到引用的组件找不到组件大概这三个问题a.引入组件的包不存在,就是npm后,nodemoudle中没有引入的第三方包b.第三方包并没有成功编译到成微信小程序的文件中c.第三方包的使用出错d.引用的组件路径错误(2)首先我排除了a,c**步骤一 通过 npm 安装npm i vant-weapp -S --production通过 yarn 安装yarn add vant-weapp --production二 构建npm包三 使用在main.josn或者App文件.原创 2020-08-08 21:59:11 · 1876 阅读 · 0 评论 -
Git修改分支名称
本地分支重命名Git branch -m oldbranchname newbranchname2.远程分支重命名.如果修改远程分支,只需要将本地分支重命名为新分支名称,然后删除远程分支,再把本地分支上传3.本地分支上传git push origin 分支名称...原创 2020-08-07 16:32:03 · 157 阅读 · 0 评论 -
微信小程序之引入组件
behaviorsbehaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。小程序引入vant组件第一步:初始化package.json npm init -y第二步:安装需要的小程序ui框架或第原创 2020-08-07 15:26:10 · 2048 阅读 · 1 评论 -
小程序之组件传值
父传子引入子组件在父组件中给子组件上添加自定义属性例如:title,content在子组件上的properties上添加要接收的属性 title,content在子组件上通过{{ }}就可以直接使用啦。。<Detaile id=‘dialog’ title=‘支付’ content='支付成功’子传父1.在子组件上触发一个事件 例如:catchtap=“confirmmFn”2.在对应的confirmFn上添加派发的事件和要向父级传递的数据this.triggerEvent(‘co原创 2020-08-06 17:08:52 · 827 阅读 · 0 评论 -
微信小程序采坑
1.tabBar跳转时无法带参数,解决方法://search.jsvar app = getApp();Page({confirm: function(e){//获取数据,添加到全局let val = e.detail.value;app.searchWord = val;this.jump();},jump: function(){//跳转tabBarwx.switchTab({url: ‘…/index/index’,});},});//index.jsvar app原创 2020-08-05 22:13:38 · 248 阅读 · 0 评论