![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Dolag
远古猿人
展开
-
(七)bindtap 跳转失效踩坑
真的很想吐槽微信工具 ~~~~~~~第一种:如果你要跳转的页面是地址tabBar中的页面请用switchTab进行跳转第二种:如果你名称也对 也不是tabBar的话请检查你的跳转元素是否被覆盖掉导致点击失效 可用z-index 自行调整第三种:如果上述都没问题,那就请你检查你wxml中对应的json中是否设置了“usingComponents”: {} 自定义组件如未设置 请...原创 2019-07-29 09:42:59 · 1753 阅读 · 1 评论 -
(八)顶部导航栏+swiper+template自定义模板的使用
wxml中:<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">推荐</view> <view class="swiper-tab-list...原创 2019-07-29 09:57:05 · 760 阅读 · 0 评论 -
(九)扫码定位获取当前地理位置(省市详细位置)
//扫码定位 sweep:function(){ var that = this wx.scanCode({ 调用扫码摄像机 success: (res) => { 扫码成功 var orderId = res.result 获取扫码后的数据 that.setData({ orderId: ...原创 2019-07-29 10:05:08 · 6466 阅读 · 1 评论 -
(一)下载微信开发者工具+部署环境
登录微信公众平台 --》https://mp.weixin.qq.com/安装微信开发者工具 --》https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201716新建项目安装Node.js --》https://nodejs.org/en/点击–》 注册右键选择环境然后将node.js–》cmd 安...原创 2019-07-22 10:57:40 · 2964 阅读 · 4 评论 -
(二)getOpenId+getUserInfo
按照上篇文章中创建部署好环境之后在你需要用到openId的地方获取 getOpenId() { let that = this; wx.cloud.callFunction({ name: 'login', success: res => { console.log('云函数获取到的openid: ', res.resul...原创 2019-07-22 11:06:45 · 1181 阅读 · 0 评论 -
(三)定义app.js/app.json/app.wxss
在app.js中编写全局变量用来存储一些公共的数据this.globalData = { host:'url', isLogin:false, userinfo:{}, userData:{}, openid:'' }在其他js中定义const app = getApp()app.globalData.userInf...原创 2019-07-22 13:07:21 · 1309 阅读 · 0 评论 -
(四)wxml标签
view 视图容器scroll-view 可滚动视图容器swiper 可滑动的视频容器icon 图标text 文字progress 进度条button 按钮form 表单input 输入框checkbox 多项选择器radio 单项选择器picker 列表选择器slider 滑动选择器switch 开关选择器label 标签action-sheet 上拉菜单moda...原创 2019-07-22 13:19:03 · 979 阅读 · 0 评论 -
(五)小程序js+前端配合使用
bindtap给标签添加–>bindtap=‘test’——>js中跳转但是如果一个view中有多个bindtap会发生事件冒泡这种情况可以用catchtap=‘test’——>来执行跳转js中写法:test:function(e){}form标签 <form bindsubmit="login"><input bindinput='log...原创 2019-07-22 14:22:44 · 446 阅读 · 0 评论 -
(六)小程序js与后台交互(SpringBoot)
js:get请求:wx.request({ url: 'http://localhost:8080/test/test', method: 'get', data: { id : '1'}, header: { 'content-type': 'application/json' }, success: f...原创 2019-07-22 14:34:57 · 1921 阅读 · 0 评论