uniapp使用微信小程序提供的原生插件（组件）

小程序交易保障标展示组件为例

参考uniapp加载插件、微信小程序加载插件

1. manifest.json:

先打开manifest.json文件，然后我们找到"mp-weixin",引入需要使用的插件

"mp-weixin": {/* 微信小程序特有相关 */"appid": "","setting": {"urlCheck": false},"usingComponents": true,"plugins": {"shoppingGuarantee": {"version": "latest","provider": "wxd65104595293601e"}}},

2. pages.json

打开pages.json文件，然后再对应的页面配置处添加东西

 {"path": "xxx","name": "xxx","style": {"mp-weixin": {//微信插件"usingComponents": {"guarantee-bar": "plugin://shoppingGuarantee/guarantee-bar"}}   }
}

3.页面使用

<template><guarantee-bar :pageType="pageType" :goodsName="goodsName" :goodsImg="goodsImg" :align="align" :spaceSize="spaceSize" :goodsPrice="goodsPrice" :bannerStyle="bannerStyle"  />
</template>
<script>export default {data(){return {align: 'between',spaceSize: 12,bannerStyle: {fontSize: 'normal',fontOpacity: 'gray',},pageType: 'goods_detail',goodsName: '微信气泡狗零钱包',goodsImg: 'https://xxxxx/',goodsPrice: '28元'}}}
</script>

uniapp使用微信小程序提供的原生插件（组件）相关推荐

uniapp开发微信小程序/h5完整流程，含vant/uview(h5适配vw)
theme: smartblue highlight: dark 创建项目创建后的项目此处插入一个坑亦可以使用uniapp vue-cli 创建项目 vue create -p dcloudio ...
基于uni-app开发微信小程序__手牵手带你开发【懂你找图】项目
前戏某一天的夜里,敲完了代码之后便直接倒在床上睡着了,醒来时只记得梦里的一句话:"想要成为高手,就必须要大量实践,大量做项目,必须要把自己不会的东西全部吃透,不要得过且过.",猛 ...
如何使用uni-app开发微信小程序
web前端-基于uniapp的微信小程序项目起步 uni-app简介开发工具下载 HBuilderX 安装 HBuilderX 安装 scss/sass 编译快捷键方案切换修改编辑器的基本设 ...
uniapp开发微信小程序-软考刷题小程序
记录一次基于uniapp的微信小程序开发前言计算机科学与技术辅修学士的课程设计最终决定做微信小程序(比较简单) 刷题小程序方向题库是软考内容开发语言前端uniapp开发后端django开 ...
uniapp开发微信小程序，从构建到上线
前言: 本文主要介绍 uniapp 的基础使用,以及使用 uniapp 在企业开发的过程中的一个详细流程,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考:使用 H ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
uniapp开发微信小程序 wx.navigateBack()携带数据问题
uniapp开发微信小程序 wx.navigateBack()携带数据问题某个表单页面有时需要跳转另一个页面查询数据但如此想要保存当前页面数据需要在另一个查询页面调用 wx.navigateBa ...
uniapp实现微信小程序端动态生成海报
背景: 基于uniapp实现微信小程序中商品详情的海报生成与保存效果图: 思路: 首先把海报上需要的内容准备好,比如用户头像,商品信息,二维码等.需要注意的是,因为二维码是动态生成的,所以需要后端传 ...
uniapp开发微信小程序，引用微信物理查询插件
使用uniapp开发微信小程序,引用微信官方提供的物流查询插件开发时遇到的问题: 项目内有两个分包都有使用物流查询插件,所以插件的引入只能放在manifest.json>mp-weixin里面 ...

uniapp使用微信小程序提供的原生插件（组件）

1. manifest.json:

2. pages.json

3.页面使用

uniapp使用微信小程序提供的原生插件（组件）相关推荐

最新文章

热门文章