美文网首页
uniapp 常用API

uniapp 常用API

作者: 乐宝呗 | 来源:发表于2022-09-30 10:14 被阅读0次

    1、使用 uni.upx2px(Number) 转换为 px,解决动态赋值不生效问题

        例如:<!-- - 动态绑定不生效 -->

                <view :style="{width: winWidth + 'upx;' }" >内容</view>

    2、数据请求使用 uni.request({

            url: baseUrl + opts.url,

            data: opts.data,

            method: opts.method,

            header: header,

            success: res=>{},

            fail: err=> {}

    3、uni.showToast({

          title: '当前无网络,请检查您的网络连接',

          icon: 'none',

          duration: 2000,

        })

    4、uni.login({ //调用官方接口,获取登录code

            provider: 'weixin',

            success: (res) => {

                console.log(res)

            },

        });

    5、uni.getSystemInfoSync(); 获取系统信息

    6、uni.getAccountInfoSync()  获取当前账号信息

    7、uni.showModal({

                title,

                content,

            showCancel:false,

                success: function (res) {

                    if (res.confirm) {

                        resolve('用户点击确定');

                    } else if (res.cancel) {

                        reject('用户点击取消');

                    }

                }

            });

    8、打电话

        // ios系统默认有个模态框

        if (info.isIos) {

            uni.makePhoneCall({

                phoneNumber: phone,

                success() {console.log('拨打成功了');},

                fail() {console.log('拨打失败了');}

            })

        } else {

            // 安卓手机手动设置一个showActionSheet

            uni.showActionSheet({

                itemList: [phone, '呼叫'],

                success: function(res) {

                    if (res.tapIndex == 1) {

                        uni.makePhoneCall({phoneNumber: phone,})

                    }

                }

            })

        }

    9、uni.navigateTo、uni.reLaunch({ url })、uni.navigateBack()、uni.switchTab({ url })

    10、uni.showLoading()/uni.hideLoading()

    11、 uni.getLocation() // 获取精准定位

    12、uni.uploadFile() // 上传文件

    13、uni.getUserProfile() //调用微信接口获取用户信息

    14、uni.requestPayment(  // 调起支付

    {

    timeStamp,

    nonceStr,

    package:res.package,

    paySign,

    signType,

    success:res=>{}

            })

    15、uni.setNavigationBarTitle({ // 动态设置当前页面的标题

                    title: option.title || '月野兔运动' // 页面标题

                });

        uni.setNavigationBarColor({ // 设置顶部导航颜色

                    frontColor: '#181928', // 字体颜色 仅支持 #ffffff 和 #000000

                    backgroundColor: '#ffffff', // 背景颜色值,有效值为井号六字符格式

                });

    16、 uni.scanCode()  // 允许从相机和相册扫码

    17、uni.chooseImage() // 选择图片

    18、uni.pageScrollTo({ // 返回顶部

            scrollTop: 0,

            duration: 100,

            });

    19、uni.getImageInfo() // 获取图片信息

    20、uni.previewImage() // 预览图片信息

    21、uni.onNetworkStatusChange((res) => {

              if (res.networkType=='none') {

            uni.showToast({

              title: '当前无网络,请检查您的网络连接',

              icon: 'none',

              duration: 2000,

            })

      }

    })

    22、uni.offNetworkStatusChange()

    23、uni.showShareMenu({ // 微信小程序分享功能

      //小程序的原生菜单中显示分享按钮,才能够让发送给朋友与分享到朋友圈两个按钮可以点击

      menus: ['shareAppMessage', 'shareTimeline'], //不设置默认发送给朋友

    });

    24、获取元素dom信息

            const query = uni.createSelectorQuery().in(this);

            query.select('#content-scroll').boundingClientRect(data => {

                       // data.width、left、right、height等信息

                    }).exec();

    25、uni.chooseVideo() // 视频

    相关文章

      网友评论

          本文标题:uniapp 常用API

          本文链接:https://www.haomeiwen.com/subject/vgbkartx.html