更新记录

1.0.0(2022-05-13)

首次发布


平台兼容性

Android Android CPU类型 iOS
适用版本区间:4.4 - 12.0 armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 适用版本区间:10 - 15

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择


使用文档 (更多插件及问题,请加微信:zhuzheVIP1)

说明

此插件提供nvue中使用svg的组件,sn-svg。 注意:仅支持静态svg,如需动画,建议使用svga

属性

属性 类型 默认值 说明
src String 必填项,用于表示 svg 文件的路径,支持本地 url 和网络

事件

方法

使用

<template>
    <view>
        <sn-svg :src="source" style="width: 320rpx;height: 480rpx;" @click="clickSvg" />
        <sn-svg :src="sourceL" style="width: 320rpx;height: 480rpx;" @click="clickSvg" />
        <sn-svg :src="source1" style="width: 60rpx;height: 60rpx;margin-top: 10rpx;" @click="clickSvg" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            sourceL: '/static/svg/android-toy-h.svg',
            source: 'http://www.clker.com/cliparts/u/Z/2/b/a/6/android-toy-h.svg',
            // svg代码如果过大,可能会导致界面卡顿,请保存成svg文件,然后通过svg文件加载
            source1:
                '<svg t="1652356606026" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="36" height="36"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F7AC79" p-id="3085"></path><path d="M565.76 627.2c-5.12 1.28-11.52 1.28-17.92 1.28-12.8-1.28-23.04-6.4-30.72-14.08-12.8-1.28-23.04-6.4-30.72-14.08-11.52-2.56-20.48-7.68-26.88-15.36H448c-25.6-2.56-40.96-21.76-44.8-43.52-19.2-15.36-24.32-44.8-17.92-69.12-8.96-20.48-6.4-46.08 5.12-64-2.56-19.2 2.56-40.96 15.36-53.76l-8.96-20.48-94.72 30.72c-33.28 10.24-53.76 51.2-43.52 90.88l71.68 282.88c10.24 37.12 46.08 60.16 79.36 49.92l209.92-67.84-53.76-93.44z" fill="#FFFFFF" opacity=".5" p-id="3086"></path><path d="M696.32 232.96H441.6c-39.68 0-74.24 38.4-74.24 85.76v340.48c0 44.8 33.28 83.2 74.24 83.2h253.44c39.68 0 74.24-38.4 74.24-83.2V318.72c1.28-48.64-33.28-85.76-72.96-85.76z m-244.48 153.6h230.4c11.52 0 20.48 7.68 20.48 20.48 0 10.24-8.96 20.48-17.92 20.48H451.84c-8.96 0-17.92-10.24-17.92-20.48 0-12.8 8.96-20.48 17.92-20.48z m168.96 140.8c0 10.24-6.4 17.92-15.36 17.92H450.56c-8.96 0-15.36-7.68-15.36-17.92v-7.68c0-10.24 6.4-17.92 15.36-17.92h154.88c8.96 0 15.36 7.68 15.36 17.92v7.68z m90.88 124.16c-15.36 0-28.16-12.8-28.16-28.16s12.8-28.16 28.16-28.16 28.16 12.8 28.16 28.16c1.28 15.36-11.52 28.16-28.16 28.16z" fill="#FFFFFF" p-id="3087"></path></svg>'
        };
    },
    methods: {
        clickSvg() {
            uni.showToast({
                title: 'click svg',
                icon: 'none'
            });
        }
    }
};
</script>

<style></style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问