精华内容
下载资源
问答
  • 主要介绍了微信小程序点击按钮动态切换input的disabled禁用/启用状态功能,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 微信小程序点击按钮分享指定页面

    万次阅读 2018-09-03 11:42:50
    微信小程序点击按钮分享指定页面 1.在wxml里写所要点击按钮 <button data-info='{{order}}' open-type="share" hover-class='none'>分享&...

    微信小程序点击按钮分享指定页面

    1.在wxml里写所要点击的按钮

    <button data-info='{{order}}'  open-type="share" hover-class='none'>分享</button>
    

    2.在js页面

    //gbi指用户所要传递的参数(可以没有参数)
    //path:用户需要分享的页面

    onShareAppMessage: function (res) {
        let gbid = res.target.dataset.info.order_id;
        return {
          title: '分享',
          path: '/pages/imgroup/imgroup?tgid=' + gbid,
          imageUrl: 'https://......./img/groupshare.png',  //用户分享出去的自定义图片大小为5:4,
          success: function (res) {
    	   // 转发成功
    	        wx.showToast({
    	          title: "分享成功",
    	          icon: 'success',
    	          duration: 2000
    	        })
           },
          fail: function (res) {
            // 分享失败
          },
        }
      },
    
    展开全文
  • 微信小程序点击按钮回到顶部

    千次阅读 2019-10-25 17:07:45
    微信小程序点击按钮回到顶部 第一种方式 .wxml文件 <scroll-view scroll-y scroll-top="{{topNum}}" lower-threshold="100" bindscrolltolower="scrollToLower" style="height: 100vh;" bindscroll=...

    微信小程序点击按钮回到顶部

    第一种方式

    .wxml文件

    <scroll-view scroll-y scroll-top="{{topNum}}" lower-threshold="100" style="height: 100vh;" bindscroll="scrolltoupper">
    // 内容
    <view class="up-img" wx:if="{{up_show}}"><image src="/static/images/up.png" bindtap="goTop"></image> </view>
    </scroll-view>
    

    .js 文件

    data: {
    	// 判断按钮是否显示
        up_show: false,
        topNum: 0
      },
    // 获取滚动条当前位置
      scrolltoupper: function (e) {
        console.log(e)
        // 当滚动条位置 > 50 按钮显示
        // 当滚动条位置 < 50 按钮隐藏
        if (e.detail.scrollTop > 50) {
          this.setData({
            up_show: true
          });
        } else {
          this.setData({
            up_show: false
          });
        }
      },
      //回到顶部
      goTop: function (e) {  // 一键回到顶部
        this.setData({
        	// 设置topNum为0
          topNum: this.data.topNum = 0
        });
      },
    

    第二种方式

    .wxml文件

    <view class="up-img" wx:if="{{up_show}}" bindtap="goTop"><image src="/static/images/up.png" ></image> </view>
    

    .js 文件

    data: {
    	// 判断按钮是否显示
        up_show: false,
      },
    //回到顶部
      goTop: function(e) { // 一键回到顶部
        if (wx.pageScrollTo) {
          wx.pageScrollTo({
            scrollTop: 0
          })
        } else {
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
      },
      // 监听页面滑动
      onPageScroll: function(e) {
        // console.log("滚动" + e.scrollTop)
        var that = this;
    	// 当滚动条位置 > 50 按钮显示
        // 当滚动条位置 < 50 按钮隐藏
        if (e.scrollTop > 50) {
          that.setData({
            up_show: true
          })
        }
        if (e.scrollTop < 50) {
          that.setData({
            up_show: false
          })
        }
      },
    
    展开全文
  • 解决方案:微信小程序并没有直接提供直接退出小程序的api,但在小程序2.1.0版本后,支持navigator组件进行退出: 代码:index.html <navigator hover-class="none" target="miniProgram" open-type="exit"&...

    应用场景:如刚进入小程序授权功能用户选择退出、或用户没有权限访问让其退出小程序。

    解决方案:微信小程序并没有直接提供直接退出小程序的api,但在小程序2.1.0版本后,支持navigator组件进行退出:

    代码:index.html

    <navigator hover-class="none" target="miniProgram" open-type="exit"> 退出当前小程序</navigator>

    一行搞定。

    注意:版本、版本、版本。

     

     

     

     

    展开全文
  • 微信小程序点击按钮跳转界面

    千次阅读 2019-10-18 15:48:22
    微信小程序中 我们添加一个按钮点击按钮想要跳转到自己的指定页面,直接上图: 这是有返回键的: 直接上代码: js goto: function () { wx.navigateTo({ url: '../chart/chart', }) }, wxml <button ...

    在微信小程序中 我们添加一个按钮,点击按钮想要跳转到自己的指定页面,直接上图:

    这是有返回键的:
    在这里插入图片描述
    在这里插入图片描述
    直接上代码:
    js

      goto: function () {
        wx.navigateTo({
          url: '../chart/chart',
        })
      },
    

    wxml

    <button bindtap="goto">跳转</button>
    

    以下是没有返回键的:
    在这里插入图片描述
    直接上代码:
    wxml不改
    js

     goto: function () {
        wx.redirectTo({
          url: '../chart/chart',
        })
      },
    
    展开全文
  • 微信小程序点击按钮调用onShareAppMessage方法分享给好友并传参的坑 代码如下 share.js: page{ /** * 生命周期函数--监听页面加载 */ onLoad(options) { //获取分享的参数 console.log(options) ...
  • 微信小程序 点击按钮切换页面

    千次阅读 2019-06-26 11:29:01
    微信小程序中,按钮也是标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 wx.navigateTo({ url: ‘/pages/index/talkPage’, })跳转到talkPage界面。 注意,html界面...
  • 微信小程序点击按钮退出小程序

    千次阅读 2019-08-13 16:21:00
    前几天做项目,产品要求点击退出小程序,查看了一下官网很难找到,所以我把我的代码和理解分享给大家 这个呢就是我们官网的文档说明 实际中用到的代码也只有一行html,根本不需要js实现,特别方便。 <navigator ...
  • 微信小程序点击按钮重新加载页面

    万次阅读 2018-10-15 16:48:06
    1,微信小程序有提供一个下拉刷新的功能2,点击按钮重新加载页面没有任何意义,因为如果你要改变页面显示数据,可以直接(请求接口)改变data数据他会自动重新加载,或者重新调用onLoad里面的方法(一般我们把请求...
  • 微信小程序 点击按钮 退出

    千次阅读 2019-03-26 14:53:33
    一般右上角的圈圈就可以退出,但是有些场景,需要在页面中点击一下,进行退出。 需要使用navigator实现。...代码如下,可以自己设置退出小程序的样式 <navigator class="close" target="miniProgra...
  • 微信小程序项目的时候遇到一个功能,个人信息资料的修改与保存。 以下是说明及简化后的代码: 1.页面加载完成时,所有input处于禁用状态; 2.点击编辑按钮时,文字切换成“保存”,身份证input保持始终不可修改...
  • 微信小程序点击按钮页面跳转

    千次阅读 2020-09-10 14:34:23
    index.wxml <view bindtap="intoPage">去下一个页面</view> app.json //全局配置文件,新建跳转页面,自动生成文件 { "pages":[ "pages/page/page", ], } index.js Page({ ......
  • 我们在上一篇微信小程序模板消息定时推送,只需要简单三步就好中介绍了如何创建微信小程序推送API接口。 那么我们这里就扩展一下,如何在小程序中通过用户点击操作,立即推送模板消息给小程序当前的用户。 场景 ...
  • 在具有tabbar的页面中,倘若你要实现tabbar中的页面跳转(并不是跳转到此tabbar页面外的其他页面),使用wx.redirectTo或wx.navigateTo是实现不了的。 这里我们要使用另一种跳转方式wx.switchTab来实现。...
  • 本人想实现点击提交按钮,将填写的数据显示到父级页面上, 1.首先想着就是实现刷新本页面,百度搜索给的答案是:this.onLoad();这个方法,发现这个不起作用,需要在onShow()这个生命周期才起作用, 2.又使用了 ...
  • <button bindtap="vibrateLongTap">振动(400ms)</button> <button bindtap="vibrateShortTap">振动(15ms)</button> ... vibrateLongTap: function () { ... wx.vibrateLong(...
  • 微信小程序 点击按钮 底部弹出菜单

    千次阅读 2019-07-05 14:56:31
    页面: js: 效果:
  • * 按钮点击事件 */ changeYL: function () { this.setData({ showModal: true }) }, /** * 隐藏模态对话框 */ hideModal: function () { this.setData({ showModal: false }); },  
  • wx.openSetting({//进入小程序授权设置页面 success(settingdata) { if (settingdata.authSetting['scope.writePhotosAlbum']) {//用户打开了保存图片授权开关 } else {//用户未打开保存图片到相册的授权开关 wx....
  • 微信小程序勾选按钮
  • 微信小程序悬浮按钮

    万次阅读 多人点赞 2018-04-19 16:18:32
    微信小程序开发过程中,我们一般会使用到类似android一样的布局,在页面的右下方固定一个悬浮。那么下面就简单讲解下如何具体的实现。 先上下效果图,这边可以看到右下方有个固定的悬浮按钮。设置一下图片的...
  • 主要介绍了微信小程序实现点击按钮后修改颜色,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 主要介绍了微信小程序按钮点击跳转页面,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 主要介绍了微信小程序按钮点击动画效果的实现,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 微信小程序点击按钮修改背景颜色

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 48,691
精华内容 19,476
关键字:

微信小程序点击按钮

微信小程序 订阅