寻找插件

  • uni-app插件市场,https://ext.dcloud.net.cn,是uni-app官方插件生态集中地。有数千款插件,支持前端组件、js sdk、页面模板、项目模板、原生插件等多种类型。在生态建设上远远领先于竞品。请注意尽量在官方市场寻找插件,npm等三方市场没有uni-app兼容性描述,很容易下载到无法跨平台的、仅适配web的插件。

引入插件

  • child::

    引入插件

    const PluginName = uni.requireNativePlugin(PluginName); // PluginName 为原生插件名称
    指向原始笔记的链接

内置插件

  • child::

    内置插件

    Solely for nvue pages, the introduction of BindingX, animation, DOM.addRule and so on is supported.

    指向原始笔记的链接

使用插件

  • child::

    使用插件

    示例

    	<template>
    		<view>
    			<text class="my-iconfont">&#xe85c;</text>
    		</view>
    	</template>
    	<script>
    		export default{
    			beforeCreate() {
    				const domModule = uni.requireNativePlugin('dom')
    				domModule.addRule('fontFace', {
    					'fontFamily': "myIconfont",
    					'src': "url('http://at.alicdn.com/t/font_2234252_v3hj1klw6k9.ttf')"
    				});
    			}
    		}
    	</script>
    	<style>
    		.my-iconfont {
    			font-family:myIconfont;
    			font-size:60rpx;
    			color: #00AAFF;
    		}
    	</style>
    指向原始笔记的链接