E企盈营销工具技术服务商 热线:4006-838-530

小程序扫描普通链接二维码跳转小程序指定界面

E企盈直播平台营销卖货系统

要扫的二维码,通过草料二维码生成的,这个网站挺好的,用起来比较简单方便,可以直接输入文字生成二维码,也可以放入链接生成二维码。草料二维码:https://cli.im/index.wxmlview class=”container”  button bindtap=’getScancode’绑定车辆/button/viewindex.js//index.js//获取应用实例const app = getApp()Page({  data: {    result: ”  },  onLoad: function() {  },  getScancode: function() {    var _this = this;    // 允许从相机和相册扫码    wx.scanCode({      success: (res) = {        wx.navigateTo({          url: ‘../navigator/navigator?title=’ + res.result        })        var result = res.result;        _this.setData({          result: result,        })      }    })  }})navigator.wxmlview {{title}} /viewnavigator.jsPage({  data: {},  onLoad: function (options) {    // 生命周期函数–监听页面加载    this.setData({      title: options.title         })  }})简单的效果:没有写css相关的代码了,主要是实现这个过程更加详细的demo:(项目之中实现了一下)index.wxml!– 底部的按钮 –button class=’Scancode’ bindtap=’getScancode’绑定车辆/buttonindex.wxss/* 底部按钮 */.Scancode {  font-size: 39rpx;  background: #010101;  position: fixed;  bottom: 35rpx;  display: flex;  width: 90%;  justify-content: center;    color: #fff;  border-radius:10rpx;  margin-left:30rpx;  margin-right: 30rpx;  z-index:999;}index.js//index.js//获取应用实例const app = getApp()Page({  data: {    result: ”  },  onLoad: function() {  },  getScancode: function() {    var _this = this;    // 允许从相机和相册扫码    wx.scanCode({      success: (res) = {        wx.navigateTo({          url: ‘../bind/bind?title=’ + res.result        })        var result = res.result;        _this.setData({          result: result,        })      }    })  }})要跳转到bindbind.wxmlview class=’page_row’  view class=”search”    input class=’carid’ placeholder=” {{title}}” focus=”{{focus}}” /    input class=’carnumber’ placeholder=”请输入车牌号和驾驶证号码” focus=”{{focus}}” /    button type=”primary” size=”{{primarySize}}” loading=”{{loading}}” plain=”{{plain}}” disabled=”{{disabled}}” bindtap=”primary” 绑定/button  /view  view class=’tip’    定位标签和车辆绑定后即可看跟踪车辆位置  /view/view    bind.wxss.search input {  height: 100rpx;  border-radius: 5px;  border: 1px solid #d0d0d0;  margin: 100rpx 30rpx;  padding: 0 15rpx;}.search button {  border-radius: 5px;  border: 1px solid #d0d0d0;  margin: 100rpx 30rpx;}.tip {  text-align: center;  font-size: 34rpx;}/* 搜索列表名称 */.list_name {  position: relative;  width: 100%;  height: 90rpx;  line-height: 90rpx;  border-bottom: 1rpx solid #ddd;}/* 列表名称 */.lab_name {  position: absolute;  left: 30rpx;}bind.jsPage({  data: {    focus: false,    inputValue: ”  },  onLoad: function(options) {    // 生命周期函数–监听页面加载    this.setData({      title: options.title    })  }})要扫的二维码 图片.png效果 其余的二维码工具;一个文艺的在线生成漂亮的二维码工具网站顺手写的demo放在了github上面了,有需要的可以直接点击链接下载。github地址:https://github.com/wangxiaoting666/bind原文作者:祈澈姑娘。 技术博客:https://www.jianshu.com/u/05f416aefbe190后前端妹子一枚,爱编程,爱运营,爱折腾。长期坚持总结工作中遇到的技术问题。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序扫描普通链接二维码跳转小程序指定界面
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏