精华内容
下载资源
问答
  • 微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 解决思路:阻止键盘起时,自动上推页面。输入框获取焦点的时候让页面绝对定位,相对底部100 像素。失去焦点的时候清空相对底部的距离 ...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    解决思路:阻止键盘弹起时,自动上推页面。输入框获取焦点的时候让页面绝对定位,相对底部 100 像素。失去焦点的时候清空相对底部的距离

    源码:

    <view style='position:relative;bottom:{{input_bottom}}px'>    
      <input adjust-position='{{false}}' bindfocus="focus" bindblur='no_focus'></input>  
    </view>

    js

    Page({
      data: {  
        input_bottom:0
      },
    
      // 获取到焦点
      focus: function (e) {
        this.setData({
          input_bottom: 100
        })
      },
    
      // 失去焦点
      no_focus: function (e) {
          this.setData({
            input_bottom: 0
          })
      },
    })

     

    展开全文
  • 微信小程序-弹出对话框

    千次阅读 2019-08-12 00:38:51
    对话框是微信小程序的,界面交互的一种方式,其他的还有toast等。 https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showModal.html 怎么使用 下面是一个官方的使用方式,用触发时间来...

    什么是对话框

    对话框是微信小程序的,界面交互的一种方式,其他的还有toast等。

    https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showModal.html

    怎么使用

    下面是一个官方的使用方式,用触发时间来触发即可

    <view>
    <button bindtap="showWindows" class="showWindows">弹窗</button>
    </view>
    
    showWindows: function() {
    wx.showModal({
      title: '提示',
      content: '这是一个模态弹窗',
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
    }
    

    如何把信息传到弹出界面

    在wxml文件里面 {{data.showWindows.Content}} 把内容传上去即可

    
    <view>
      <button bindtap="bindViewTap">点击弹出对话框</button>
      <view >
        <modal title="对话框" hidden="{{modalHidden}}" confirm-text="确定"
        cancel-text="取消" bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">
          {{data.showWindows.Content}}
        </modal>
      </view>
    
    //获取应用实例
    var app = getApp()
    Page({
      data: {
        modalHidden:true,//是否隐藏对话框
      },
      //事件处理函数
      bindViewTap: function() {
        this.setData({
          modalHidden:!this.data.modalHidden
        })
        
      },
      //确定按钮点击事件
      modalBindaconfirm:function(){
        this.setData({
          modalHidden:!this.data.modalHidden,
        })
      },
      //取消按钮点击事件
      modalBindcancel:function(){
        this.setData({
          modalHidden:!this.data.modalHidden,
        })
      },  
    })
    

    部分可以参见这个 https://blog.csdn.net/hezhixiu/article/details/75309359

    展开全文
  • 微信小程序弹出软键盘

    千次阅读 2019-11-07 14:54:55
    input组件里的focus属性设置为"auto"自动获取焦点,使得输入框获取焦点时自动弹出软键盘。 当input组件获取到焦点时才会弹出软键盘,所以foucs可以设置为auto,如果设置为false不会弹出软键盘,设置为true会一种弹出...

    <input focus="auto"/>
    input组件里的focus属性设置为"auto"自动获取焦点,使得输入框获取焦点时自动弹出软键盘。
    当input组件获取到焦点时才会弹出软键盘,所以foucs可以设置为auto,如果设置为false不会弹出软键盘,设置为true会一种弹出软键盘。

    展开全文
  • 微信小程序弹出对话框,可通过设置type的值获取用户信息及电话号码。也可用作日常交互对话框。询问框等场景
  • 我想在一进入页面的时候就进行判断提示并且弹出提示授权!请问该如何处理比较合理 wx.authorize({}) //可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scopewx.getSetting({ success(res) ...

    clipboard.png
    我想在一进入页面的时候就进行判断提示并且弹出提示授权!
    请问该如何处理比较合理

    wx.authorize({})

    //可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
    wx.getSetting({

    success(res) {
        if (!res.authSetting['scope.record']) { wx.authorize({ scope: 'scope.record', success() { // 用户已经同意小程序使用录音功能,后续调用 wx.startRecord 接口不会弹窗询问 wx.startRecord() } }) } }

    })

    文档里有的 https://developers.weixin.qq.com/miniprogram/dev/api/authorize.html

     


     

    微信小程序授权获取用户详细信息openid的实例详解

    http://www.jb51.net/article/124132.htm

     

    转载于:https://www.cnblogs.com/kenshinobiy/p/9118056.html

    展开全文
  • 解决思路:阻止键盘起时,自动上推页面。输入框获取焦点的时候让页面绝对定位,相对底部 100 像素。失去焦点的时候清空相对底部的距离 .wxml &lt;view style='position:relative;bottom:{{input_bottom}}px...
  • 常用的微信小程序弹出框事件

    千次阅读 2019-07-06 10:36:56
    常用的小程序弹出框wx.showToast()wx.showLoading()wx.showModal() wx.showToast() 代码: wx.showToast({ title: ‘提示信息’, }) 参数: title:显示的提示信息,在没有图标的情况下,文本内容可显示两行 icon: ...
  • 因为项目变动,这几天都在研究微信小程序自动化测试,微信官方了个Python版本的测试框架minium,想了解的同学可以去下载minium-doc,也可以继续阅读本文,带你了解。
  • 案例分析:1、微信小程序是具备这种能力的,需要加以运用。2、用户咨询问题,附带具体的小程序页面,会减少很多沟通成本,至少在这个页面完全不需要人工参与。一、对小程序客服按钮进行设置在小程序里对客服按钮做...
  • 从今天开始就来带领大家学习微信小程序了,只要你跟着我一步步来,相信你也可以上线一款属于自己的微信小程序 一,认识小程序 微信⼩程序,简称⼩程序,英⽂名 Mini Program Mini Program ,是⼀种不需要下载安装...
  • 求各位大牛指点一下 微信小程序怎样才能在不打开地图的情况下自动获取用户的地理位置 然后显示在页面上。 wx.getLocation()这个方法只能自动获取用户位置的经度和纬度,获取不到地理位置的名称。 而能获取到名称的wx...
  • 我们在开发小程序时,有些操作必须让用户授权。比如我们获取用户位置,需要用户授权位置信息。授权操作我们需要给用户弹窗提示,在用户禁用某些权限时,又要引导用户去设置页开启相应权限。我们这里就以获取经纬度为...
  • 开发项目过程中需要在进入首页时弹出红包的功能需求,在捣鼓一番之后完成图如下。 二话不说直接上代码。 wxml代码: <!-- 红包 --> <view class="cu-modal {{modalName=='Image'?'show':''}}"> ...
  • 微信小程序自动获取地理位置

    千次阅读 2019-09-26 15:20:35
    微信小程序自动获取地理位置 ** js代码: // 获取地理位置 wx.getLocation({ type: 'gcj02', success(res) { const latitude = res.latitude const longitude = res.longitude wx.request({ ...
  • 转载请注明预见才能遇见的博客:http://my.csdn.net/ ... 微信小程序自定义对话框+弹出和隐藏动画详解 index.js   //index.js var app = getApp(); let animationShowHeight = 300; Pa...
  • 微信小程序 实现简单弹出

    万次阅读 2018-07-02 10:57:07
    实现思路 模态对话框之所以被叫做“模态”,就是因为在它弹出的时候,用户如果不关闭这个对话框,是无法...2. 构建一个对话框,在需要时弹出即可(弹出同时触发蒙层)。 示例代码 .wxml: <view class="mask...
  • uni-app 微信小程序 弹出输入框

    千次阅读 2019-07-20 09:14:48
    弹出输入框样式效果图 1.html 弹出框和遮罩层 <view :hidden="userFeedbackHidden" class="popup_content"> <view class="popup_title">写下您的反馈意见</view> <view class=...
  • title: '弹出框', icon: 'none', duration: 2000 }) 2.带图标得提示:加载中、提示成功 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框 wx.showLoading({ title: '加载中', }) setTimeout...
  • 因此认为利用微信小程序的“用完即走,不占内存”的优势,实现在线考试系统,以提高考试资源的使用价值,适应“互联网+”的发展。 很多单位都有定期或者不定期的知识测试或者技能考核的要求,用来考量员工的学习...
  • 微信小程序picker怎么自动弹框

    千次阅读 2019-10-10 10:56:00
    微信小程序picker怎么自动弹框
  • 微信小程序常识】如何发布微信小程序体验版
  • 微信小程序拒绝授权后不弹出

    千次阅读 2019-08-01 10:05:11
    微信小程序中,如果用户在小程序中拒绝过授权,下次再请求时是不会再次弹出授权窗口的. 所以需要先判断授权状态,手动弹出授权提醒 const mapInfo = () => { return new Promise((resolve, reject) => { // ...
  • 微信小程序获取用户地理位置拒绝后依然弹出授权 app.js App({ //获取用户地理位置权限 getPermission:function(obj){ wx.chooseLocation({ success: function (res) { obj.setData({ address:...
  • 微信小程序-点击按钮弹出软键盘

    万次阅读 2019-06-25 14:54:08
    1.实现目标: 即点击右下角的按钮,弹出...当input组件获取到焦点时才会弹出软键盘,所以foucs可以设置为true或者auto,如果设置为false则不会弹出软键盘。 3.代码实现: wxml: <!-- 自定义标题栏 ...
  • 请先查看微信小程序组件input,相关文件,发现使用bindfocus可以获取键盘的高度,bindblur可以控制页面还原 使用bindfocus输入框失去焦点时触发,event.detail.height 通过布局来,处理不想撑高的布局。 ...
  • 第一天,认识微信小程序,第一个微信小程序 1.什么是微信小程序? 是h5网页嘛?不是 微信张小龙说: 小程序是一种不需要下载安装即可使用的应用, 它实现了应用“触手可及”的梦想,用户扫一扫或者 搜一下即可...
  • 第一章 第一节 微信小程序的基本知识1 文章目录前言一、注册一个小程序账号(一)申请appID二、第一个微信小程序“Hello Wechat!” 前言 微信小程序,是小程序的一种,英文名Wechat Mini Program,是一种不需要...
  • 【声明本人菜鸡,最近小程序很火所以拿来看看】 ...以前这个方法 如果用户未授权获取用户信息, 你调用这个wx.getUserInfo() , 小程序弹出一个授权的弹出框。类似: 然后你再去 this.globalData.use...
  • 微信小程序是微信的下一个风口。 很多大小公司、企事业单位、甚至有关机关部门都有属于自己的小程序,甚至不止一个。 本文旨在简单说说如何实现关注公众号后之后立刻自动回复小程序卡片,而且可以指定回复任意的小...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,811
精华内容 7,124
关键字:

微信小程序自动弹出

微信小程序 订阅