澳门威利斯人_威利斯人娱乐「手机版」

来自 澳门威利斯人 2019-08-10 16:52 的文章
当前位置: 澳门威利斯人 > 澳门威利斯人 > 正文

微信小程序调用PHP后台接口,微信小程序

index.wxss

图片 1

4)在js文件之中分析获取的纯html字符串,注意:这里不可不得是字符串(如:'<div>2112</div>'),纵然有''将在去掉。
亲自过问代码:

index.js

1、当地图片导入

 1、微信js动态传参:

Page({
 data: {
  payment_mode: 1,//默认支付方式 微信支付
  isFocus: false,//控制input 聚焦
  balance:100,//余额
  actual_fee:20,//待支付
  wallets_password_flag:false//密码输入遮罩
 },
 //事件处理函数

 onLoad: function () {

 },
 wx_pay() {//转换为微信支付
  this.setData({
   payment_mode: 1
  })
 },
 offline_pay() {//转换为转账支付
  this.setData({
   payment_mode: 0
  })
 },
 wallet_pay() {
  this.setData({//转换为钱包支付
   payment_mode: 2
  })
 },
 set_wallets_password(e) {//获取钱包密码
  this.setData({
   wallets_password: e.detail.value
  });
  if (this.data.wallets_password.length == 6) {//密码长度6位时,自动验证钱包支付结果
   wallet_pay(this)
  }
 },
 set_Focus() {//聚焦input
  console.log('isFocus', this.data.isFocus)
  this.setData({
   isFocus: true
  })
 },
 set_notFocus() {//失去焦点
  this.setData({
   isFocus: false
  })
 },
 close_wallets_password () {//关闭钱包输入密码遮罩
  this.setData({
   isFocus: false,//失去焦点
   wallets_password_flag: false,
  })
 },
 pay() {//去支付
  pay(this)
 }
})
/*-----------------------------------------------*/
/*支付*/
function pay(_this) {
 let apikey = _this.data.apikey;
 let id = _this.data.id;
 let payment_mode = _this.data.payment_mode
 if (payment_mode == 1) {
 // 微信支付
 // 微信自带密码输入框
  console.log('微信支付')
 } else if (payment_mode == 0) {
 // 转账支付 后续跳转至传转账单照片
  console.log('转账支付')
 } else if (payment_mode == 2) {
  // 钱包支付 输入密码
  console.log('钱包支付')
  _this.setData({
   wallets_password_flag: true,
   isFocus: true
  })
 }

}
// 钱包支付
function wallet_pay(_this) {
 console.log('钱包支付请求函数')
 /*
 1.支付成功
 2.支付失败:提示;清空密码;自动聚焦isFocus:true,拉起键盘再次输入
 */
}

步骤二:编辑脚本文件

富文本html框内容:<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

效果与利益如下:

<image  
style="width: {{viewWidth}}px; height: {{viewHeigh}}px;" src="{{imageUrl}}" bindload="imageLoad"> 
</image> 

3)在js的page({})里面引进实践文书

多谢阅读,希望能支援到大家,多谢我们对本站的支撑!

张开index文件夹下的index.wxml文件,删除原有的全体内容,将上边包车型大巴图片插入代码直接复制粘贴,当中style表示的是标签的体制,width:{{viewWidth}}表示图片的小幅是取index.js文件中所赋的值,height和src同理,bindload事件代表该图片加载的时候绑定了index.js文件imageLoad函数,并且在图纸加载时施行该函数。

github地址: ,版本0.2
消除难题:微信小程序富文本html、md分析组件

您或然感兴趣的篇章:

  • 详解微信小程序 登陆获取unionid
  • 微信小程序与php 实现微信支付的简练实例
  • 微信小程序组件 marquee实例详解
  • 详解微信小程序 同步异步化解办法
  • 微信小程序 获取二维码实例详解
  • 微信小程序图片宽百分之百出示並且不改变形
  • 微信小程序图片自适应补助多图实例详解
  • 微信小程序完成皮肤作用(晚上格局)

步骤二:选用展开后将图片直接拷贝到新建的image文件夹下

wx.request({
    url: 'https://m.*****.com/index.php/Home/Xiaoxxf/activity_detail?a_id=' options.id,//含富文本html
    data: {
     is_detail:1
    },
    method: 'GET', 
    header: {
     'Content-Type': 'application/json'
    },
    success: function (res) {
     that.setData({
      Article: res.data  //一维数组json编码后对象,全部数据
     })

    /**
     * html解析
    */  
     var article = that.data.Article;
    console.log("article = "   article);
     WxParse.wxParse('article', 'html', article, that, 5);
     console.log(res.data);
    },
    fail: function (res) { },
    complete: function (res) { },
   }) 

github地址:

手续一:选用最左侧包车型大巴菜单中的项目

个中,options.id是由前三个wxml页面动态传过来的参数。

图片 2

/** 
 * 获取移动端显示屏的宽和高, 
 * 参数:e, 
 * return viewSize (包含显示屏的宽和高) 
 */ 
function getViewWHInfo(e){ 
  var viewSize={}; 
  var originalWidth = e.detail.width;//图片原始宽  
  var originalHeight = e.detail.height;//图片原始高  
  wx.getSystemInfo({ 
   success: function (res) {  
    //读取系统宽度和高度 
    var viewWidth = res.windowWidth; 
    var viewHeight = res.windowHeight;  
    console.log(originalWidth   " "   originalHeight); 
    console.log("宽:"   viewWidth   "高"   viewHeight); 
    viewSize.width = viewWidth; 
    viewSize.height = viewHeight; 
   } 
  }); 
  return viewSize; 
} 
//导出接口--必须要写 
module.exports = { 
 getViewWHInfo: getViewWHInfo 
}  

上述就是本文的全部内容,希望对大家的求学抱有帮助,也期待我们多多扶助脚本之家。

本文由澳门威利斯人发布于澳门威利斯人,转载请注明出处:微信小程序调用PHP后台接口,微信小程序

关键词: 澳门威利斯人