精华内容
下载资源
问答
  • 微信小程序 回到首页

    千次阅读 2018-02-02 15:02:30
    wx.switchTab(OBJECT) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 wx.switchTab({ url: '/index' }) 不能携带任何参数,可以从任何页面直接跳转到tabBar页面。

    wx.switchTab(OBJECT)
    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
    wx.switchTab({
      url: '/index'
    })
    不能携带任何参数,可以从任何页面直接跳转到tabBar页面。
    展开全文
  • 主要介绍了解决微信小程序防止无法回到主页的问题,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 一直以为APP不能分享小程序几天亲自试了一下,哎呀妈呀尽然可以~今天真的是学习了… 1、微信分享小程序(微信官网) WXMiniProgramObject miniProgramObj = new WXMiniProgramObject(); miniProgramObj.webpageUrl = &...

    参考文章:https://blog.csdn.net/lr123838/article/details/80519894

    一直以为APP不能分享小程序几天亲自试了一下,哎呀妈呀尽然可以~今天真的是学习了…

    1、微信分享小程序(微信官网)

    WXMiniProgramObject miniProgramObj = new WXMiniProgramObject();
    miniProgramObj.webpageUrl = "https://www.baidu.com/"; // 兼容低版本的网页链接
    miniProgramObj.miniprogramType = WXMiniProgramObject.MINIPTOGRAM_TYPE_RELEASE;// 正式版:0,测试版:1,体验版:2
    miniProgramObj.userName = "gh_xxxxxxxxxx";     // 小程序原始id
    miniProgramObj.path = "/pages/xxxx/xxxx";            //小程序页面路径 
    WXMediaMessage msg = new WXMediaMessage(miniProgramObj);
    msg.title = "Title";                    // 小程序消息title
    msg.description = "Desc";               // 小程序消息desc
    msg.thumbData = getThumb();             // 小程序消息封面图片,小于128k
    SendMessageToWX.Req req = new SendMessageToWX.Req();
    req.transaction = buildTransaction("webpage");
    req.message = msg;
    req.scene = SendMessageToWX.Req.WXSceneSession;  // 目前支持会话
    api.sendReq(req);
    
    

    2、APP打开小程序

    IWXAPI api = WXAPIFactory.createWXAPI(this, Constant.WX_APP_ID);
    WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
    req.userName = "gh_xxxxxxxxxx"; // 填小程序原始id
    //传参
    req.path = "/pages/xxxx/xxxx";                  //拉起小程序页面的可带参路径,不填默认拉起小程序首页
    //如需传参跳转的话参考如下
    //req.path = "pages/xxx/xxx?key=value&key=value";  
    req.miniprogramType = WXLaunchMiniProgram.Req.MINIPTOGRAM_TYPE_RELEASE;// 可选打开 开发版,体验版和正式版
    api.sendReq(req);
    

    WXEntryActivity中配置

    public void onResp(BaseResp resp) {
        if (resp.getType() == ConstantsAPI.COMMAND_LAUNCH_WX_MINIPROGRAM) {
            WXLaunchMiniProgram.Resp launchMiniProResp = (WXLaunchMiniProgram.Resp) resp;
            String extraData =launchMiniProResp.extMsg; // 对应JsApi navigateBackApplication中的extraData字段数据
        }
    }
    
    

    3、小程序返回App(微信官网)

    <button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button>
    

    温馨提示:小程序打开APP,前提是你是从APP内打开小程序,才能返回打开APP,不然是不支持的,也就是说让APP给小程序导流,然后再将流量返回到APP的能力。

    项目地址:https://github.com/scxiaoHou/WeChatShareDemo

    展开全文
  • 微信小程序回到顶部的两种方式

    万次阅读 多人点赞 2018-04-26 13:34:40
    一,使用view形式的回到顶部 HTML: &amp;lt;image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap=&quot;goTop&quot;&amp;gt;&amp;lt;/image&amp;gt...

    一,使用view形式的回到顶部
    HTML:

    <image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>
    

    CSS:

    /* 返回顶部 */
    .goTop{
      height: 80rpx;
      width: 80rpx;
      position: fixed;
      bottom: 50rpx;
      background: rgba(0,0,0,.3);
      right: 30rpx;
      border-radius: 50%;
    }
    

    JS:

      // 获取滚动条当前位置
      onPageScroll: function (e) {
        console.log(e)
        if (e.scrollTop > 100) {
          this.setData({
            floorstatus: true
          });
        } else {
          this.setData({
            floorstatus: false
          });
        }
      },
    
      //回到顶部
      goTop: function (e) {  // 一键回到顶部
        if (wx.pageScrollTo) {
          wx.pageScrollTo({
            scrollTop: 0
          })
        } else {
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
      },
    

    二.使用scroll-view形式的回到顶部

    <scroll-view scroll-y scroll-top='{{topNum}}' bindscroll="scrolltoupper">
    <image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>
    

    CSS:

    /* 返回顶部 */
    .goTop{
      height: 80rpx;
      width: 80rpx;
      position: fixed;
      bottom: 50rpx;
      background: rgba(0,0,0,.3);
      right: 30rpx;
      border-radius: 50%;
    }
    

    JS:

      data:{
    	topNum: 0
      }
      
      // 获取滚动条当前位置
      scrolltoupper:function(e){
        console.log(e)
        let t =  e.detail.scrollTop;
        if (t > 100 && !this.data.floorstatus) {
        	// 避免重复setData
        	this.setData({
    	       floorstatus: true
    	    });
        } 
        
       	if(t <= 100 && this.data.floorstatus){
      	  this.setData({
            floorstatus: false
          });
       	}
      },
    
      //回到顶部
      goTop: function (e) {  // 一键回到顶部
        this.setData({
          topNum: this.data.topNum = 0
        });
      },
    
    展开全文
  • 小程序中经常遇到点击按钮回到顶部的功能,或是刷新页面数据回到顶部,可以使用scroll-view来监听scroll实现该功能wxml:&lt;scroll-viewscroll-top="{{scrollTop}}" scroll-y="true"&...
    小程序中经常遇到点击按钮回到顶部的功能,或是刷新页面数据回到顶部,可以使用scroll-view来监听scroll实现该功能
     
    wxml:
    <scroll-view scroll-top="{{scrollTop}}" scroll-y="true">
    </scroll-view>
     
    js:
    data: {
        scrollTop:0
    }
     
    // 在需要返回顶部的地方设置scrollTop的值为0
    toTop(){
        this.setData({
            scrollTop: 0
        })
    }
     

     

    展开全文
  • 小程序回到顶部按钮

    2019-11-04 15:16:46
    .wxml文件 <image src='../../image/dingbu.png' class='goTopss' hidden='{{!floorstatus}}' bindtap="goTop"></image>... topNum: 0, //回到顶部 floorstatus:false, // 是否显示顶部 ...
  • 微信小程序回到顶部,底部

    千次阅读 2019-08-06 16:51:21
    1.回到顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 }) } 2.到最底部 <view class='data-loading' id="j_page" > 数据加载中... </view> wx.createSelectorQuery()...
  • 小程序制作回到顶部按钮

    万次阅读 热门讨论 2017-01-08 14:12:07
    在这里我们如果要使用滚动事件的话,小程序规定 最外层一定要使用scroll-view标签进行包裹,然后在设置scroll-y=”true” 意思是允许页面了纵向滚动,scroll-top是滚动到顶部做处理,一般绑定一个
  • 小程序回到顶部两种方法

    千次阅读 2019-03-20 19:01:41
    小程序回到顶部 一。 onPageScroll: function (e) { console.log(e) if (e.scrollTop > 50) { that.setData({ buyshow: true, }) } else { that.setData({ buyshow: false, }) } }, 二 <...
  • 一,使用view形式的回到顶部 HTML: <image src='../../images/top.jpg' class='goTop' hidden='{{!hiddentop}}' bindtap="goTop"></image> css: .goTop{ height: 80rpx; width: 80rpx; position: ...
  • 微信小程序自定义头部返回按钮及回到首页样式添加链接描述
  • } *.js Page({ data: { floorstatus: false }, //回到顶部 goTop: function (e) { // 一键回到顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0, // 滚动到页面的目标位置,单位 px ...
  • 如果你遇到这个问题 那么肯定是你的swiper的参数写错了 官网地址 ... 文档中有这样是个属性 ...这个属性默认就是false的状态负责控制衔接 ...目前实现代码为下面的就可以支持滑动到最后一条不会回到第一条 <s...
  • 微信小程序——回到顶部

    千次阅读 2018-10-29 17:28:57
    1. 使得view 回到顶部的方法 wx.pageScrollTo({ scrollTop: 0, duration: 300 }) 2. 使得scroll-view 回到顶部的方法 在scroll-view标签中加入属性scroll-top='{{ topNum }}' 将topNum设置为0 则是回到顶部 ....
  • 一,在view形式下滚动后回到顶部  JS代码片段: // 获取滚动条当前位置 onPageScroll: function (e) { console.log(“打印当前页面滚动的距离=”+e) console.log(e) if (e.scrollTop &gt; 100) {//页面...
  • 微信小程序回到顶部的简单方法

    千次阅读 2019-06-17 14:28:46
    goTop: function (e) { // 一键回到顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 }) } else { wx.showModal({ title: '提示', content: '当前微信版本过低,无法使用该功能,请升级到最新...
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2018-07-03 02:45:07
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 实现原理: 用bindtouchmove获取WXML节点信息的相关函数,获取顶部滚动出去的距离,从而控制返回顶部按钮的显示/隐藏&lt;view class="container" bindtouchmove="handletouchmove"...
  • 微信小程序点击按钮回到顶部

    千次阅读 2019-10-25 17:07:45
    微信小程序点击按钮回到顶部 第一种方式 .wxml文件 <scroll-view scroll-y scroll-top="{{topNum}}" lower-threshold="100" bindscrolltolower="scrollToLower" style="height: 100vh;" bindscroll=...
  • <scroll-view class="scroll_view" scroll-top="{{topNum}}" scroll-y > 内容 </scroll-view> // js page({ data: { topNum : 0 }, toTop() { // 回到顶部 this.setData({ topNum:0 }) }, })
  • 问题 使用框架 Taro 在Taro的项目中使用了上拉加载更多的代码, 列表当中和渲染了内容,...但是当上拉加载显示更多数据的时候,整个页面会回到顶部,需要重新去扒拉页面,回到底部,很不友好。 这种情况也只出现在

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 319,157
精华内容 127,662
关键字:

小程序回到首页