uni-app(二):本地插件使用(Android)

本地插件使用

项目创建等参考

https://lprosper.blog.csdn.net/article/details/138655526

1.下载并引用本地插件

2.注意插件配置

3.制作自定义基座

4.编写调用代码

html 复制代码
<template>
  <view>
    <button type="primary" @click="test()">本地插件调用</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {};
    },
    onLoad() {},
    methods: {
      // 本地插件调用
      test() {
        const dcRichAlert = uni.requireNativePlugin("DCloud-RichAlert");
        dcRichAlert.show(
          {
            position: "bottom",
            title: "提示信息",
            titleColor: "#FF0000",
            content:
              "<a href='https://uniapp.dcloud.io/' value='Hello uni-app'>uni-app</a> 是一个使用 Vue.js 开发跨平台应用的前端框架!\n免费的\n免费的\n免费的\n重要的事情说三遍",
            contentAlign: "left",
            checkBox: {
              title: "不再提示",
              isSelected: true,
            },
            buttons: [
              {
                title: "取消",
              },
              {
                title: "否",
              },
              {
                title: "确认",
                titleColor: "#3F51B5",
              },
            ],
          },
          (result) => {
            switch (result.type) {
              case "button":
                console.log("callback---button--" + result.index);
                break;
              case "checkBox":
                console.log("callback---checkBox--" + result.isSelected);
                break;
              case "a":
                console.log("callback---a--" + JSON.stringify(result));
                break;
              case "backCancel":
                console.log("callback---backCancel--");
                break;
            }
          }
        );
      },
    },
  };
</script>

5.运行

相关推荐
雨白10 小时前
Java 线程通信基础:interrupt、wait 和 notifyAll 详解
android·java
诺诺Okami14 小时前
Android Framework-Launcher-UI和组件
android
小徐_233314 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
潘潘潘15 小时前
Android线程间通信机制Handler介绍
android
潘潘潘15 小时前
Android动态链接库So的加载
android
潘潘潘15 小时前
Android多线程机制简介
android
CYRUS_STUDIO17 小时前
利用 Linux 信号机制(SIGTRAP)实现 Android 下的反调试
android·安全·逆向
CYRUS_STUDIO17 小时前
Android 反调试攻防实战:多重检测手段解析与内核级绕过方案
android·操作系统·逆向
iOS阿玮19 小时前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw520 小时前
uni-app中v-if使用”异常”
前端·uni-app