小程序常用实用例子

这篇具有很好参考价值的文章主要介绍了小程序常用实用例子。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

拍照

// 选择照片

    ChooseImage() {

        wx.chooseImage({

            count: 4, //默认9

            sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有

            sourceType: ['album'], //从相册选择

            success: (res) => {

                if (this.data.imgList.length != 0) {

                    this.setData({

                        imgList: this.data.imgList.concat(res.tempFilePaths)

                    })

                } else {

                    this.setData({

                        imgList: res.tempFilePaths

                    })

                }

            }

        });

    },

页面

<view class="solids" bindtap="ChooseImage" wx:if="{{imgList.length<4}}">

      <text class="cuIcon-cameraadd"></text>

    </view>

照片预览

    <view class="bg-img" wx:for="{{imgList}}" wx:key="index" bindtap="ViewImage" data-url="{{imgList[index]}}">

      <image src='{{imgList[index]}}' mode='aspectFill'></image>

      <view class="cu-tag bg-red" catchtap="DelImg" data-index="{{index}}">

        <text class="cuIcon-close"></text>

      </view>

    </view>

    // 预览照片

    ViewImage(e) {

        wx.previewImage({

            urls: this.data.imgList,

            current: e.currentTarget.dataset.url

        });

    },

// 打电话
     CallPhone(e) {
        console.log(e, e.currentTarget.dataset.phone)
        let phoneNumber = e.currentTarget.dataset.phone
        let showphone = e.currentTarget.dataset.showphone
        wx.showModal({
            title: '温馨提示',
            content: `是否拨打${showphone}号码?`,
            confirmText: '确定拨打',
            confirmColor: '#0081ff',
            cancelText: '取消',
            cancelColor: '#acb5bd',
            success: res => {
                console.log(res)
                if (res.confirm) {
                    wx.makePhoneCall({
                        phoneNumber: phoneNumber,
                        success: res => {
                            console.log(res)
                        },
                        fail: err => {
                            console.log(err)
                        }
                    })
                }
            },
            fail: err => {
                console.log(err)
            }
        })

    },文章来源地址https://www.toymoban.com/news/detail-771360.html

到了这里,关于小程序常用实用例子的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 5个 Istio 访问外部服务流量控制最常用的例子,你知道几个?

    5 个 Istio 访问外部服务的流量控制常用例子,强烈建议 收藏 起来,以备不时之需。 部署 sleep 服务,作为发送请求的测试源: 在 Istio 外部,使用 Nginx 搭建 duckling 服务的v1和v2两个版本,访问时显示简单的文本: 执行如下命名访问外部服务 httpbin.org : 返回结果如下: 此时的

    2024年02月08日
    浏览(39)
  • Linux命令200例:sort用于对文本文件进行排序的15个例子(常用)

    🏆作者简介,黑夜开发者,全栈领域新星创作者✌,阿里云社区专家博主,2023年6月csdn上海赛道top4。 🏆数年电商行业从业经验,历任核心研发工程师,项目技术负责人。 🏆本文已收录于专栏:Linux命令大全。 🏆本专栏我们会通过 具体的系统的命令讲解 加上 鲜活的实操案

    2024年02月14日
    浏览(81)
  • vscode实用配置、常用插件

    一、配置自动保存 文件--首选项--设置--输入“自动保存” 在Files:Auto Save中  选择afterDelay 在Files: Auto Save Delay中配置延迟保存的时间 二:插件vetur 常用功能: 1、使.vue代码高亮 安装激活vetur插件, 代码就有高亮,显示彩色 不仅仅vue文件,vetur还支持很多语言的代码高亮,如下

    2024年02月09日
    浏览(40)
  • Linux常用(实用)命令大全

    pwd 显示当前工作路径 shutdown 关闭系统 /halt 关闭系统 shutdown -r now 重启 /reboot 重启 systemctl stop firewalld 关闭防火墙 ip addr 查看ip地址. 1、cd命令:用于切换当前目录(可以是绝对路径,也可以是相对路径)如: cd /home 进入根目录下面的home目录 cd home 进入当前目录下的home目录

    2024年02月09日
    浏览(39)
  • 【实用工具】vim常用命令

    快速移动(上下左右箭头可替代) 在本行操作 跨行移动光标 复制,粘贴,删除(d,y,p) 撤销操作和恢复 快速注释 取消注释 参考链接: https://zhuanlan.zhihu.com/p/68111471 https://cloud.tencent.com/developer/article/1463765

    2024年02月03日
    浏览(32)
  • 【Linux实用篇】Linux常用命令(1)

    目录 1.1 Linux命令初体验 1.1.1 常用命令演示 1.1.2 Linux命令使用技巧 1.1.3 Linux命令格式 1.2 文件目录操作命令 1.2.1 ls 1.2.2 cd 1.2.3 cat 1.2.4 more 1.2.5 tail 1.2.6 mkdir 1.2.7 rmdir 1.2.8 rm 1.1 Linux命令初体验 1.1.1 常用命令演示 在这一部分中,我们主要介绍几个常用的命令,让大家快速感受以下

    2024年01月21日
    浏览(44)
  • git实用命令 git常用分支命令

    要在Git中创建一个新的分支,按照以下步骤进行操作: 确保你当前在要创建分支的代码状态下。你可以使用 git status 命令查看当前的代码状态,并使用 git add 和 git commit 命令将修改的文件提交到当前分支。 1.使用 git branch 命令创建一个新的分支。 这将在本地仓库中创建一个

    2024年02月10日
    浏览(44)
  • 【控制】滑模控制,小例子,有程序有结果图

    目录 滑模控制的一点笔记和看法 1 【控制】滑动模型控制(Sliding Mode Control) 2 【控制】滑模控制,小例子,有程序有结果图 3 【控制】滑模控制,滑模面的选择 假设存在一个被控系统如下 x ˙ 1 = x 2 x ˙ 2 = x 3 x ˙ 3 = x 1 + x 2 x 3 + u (1) begin{aligned} dot{x}_1 = x_2 \\\\ dot{x}_2 = x_3

    2023年04月20日
    浏览(32)
  • 微信小程序使用MQTT的小例子

    本文章大部分内容来自MQTT官方教程,有需要的可以去MQTT官网查看,这里只分享一下自己的使用过程。谢谢大家观看! 首先我们使用微信开发者工具创建一个空项目。 不使用云开发,不使用模板。 然后我们去MQTT网址,或者下方链接下载mqtt.mini.js 这个可以下载mqtt.mini.js http

    2024年04月13日
    浏览(34)
  • apktool编译和反编译的(实用、常用)命令

    1、查看apktool 当前版本 -version ,–version 2、详细输出apktool 命令,该参数必须作为第一个参数 -v,–verbose 3、静默输出,即输出是不显示详细信息,该参数必须作为第一个参数 -q,–quiet 4、命令行每一步操作前,打印详细信息 -advance,–advanced 1、生成所用smali文件的api等级(

    2024年02月13日
    浏览(31)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包