国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp使用微信小程序提供的原生插件(組件)

這篇具有很好參考價(jià)值的文章主要介紹了uniapp使用微信小程序提供的原生插件(組件)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

小程序交易保障標(biāo)展示組件為例

參考uniapp加載插件、微信小程序加載插件

1. manifest.json:

先打開(kāi)manifest.json文件,然后我們找到"mp-weixin",引入需要使用的插件

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

2. pages.json

打開(kāi)pages.json文件,然后再對(duì)應(yīng)的頁(yè)面配置處添加?xùn)|西文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-508417.html

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

3.頁(yè)面使用

<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>

到了這里,關(guān)于uniapp使用微信小程序提供的原生插件(組件)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序原生button組件使用并修改樣式

    微信小程序原生button組件使用并修改樣式

    ?想使用原生button組件,但是想使用不同樣式 注意type使用得type必須和修改時(shí)選擇器樣式(button[type=default])一樣,才能對(duì)其修改樣式,否則樣式不會(huì)被修改 如果是多端適配,需要使用type為default再修改樣式 ?

    2024年02月14日
    瀏覽(100)
  • uniapp微信小程序使用騰訊地圖選點(diǎn)插件

    uniapp微信小程序使用騰訊地圖選點(diǎn)插件

    在A頁(yè)面獲取當(dāng)前經(jīng)緯度之后跳轉(zhuǎn)至B頁(yè)面打開(kāi)騰訊地圖選點(diǎn)插件 注意需要把微信開(kāi)發(fā)者工具中的本地設(shè)置中的版本改為2.17.0,不然會(huì)報(bào)錯(cuò) 2.1使用騰訊地圖?lbs.qq.com,控制臺(tái)-應(yīng)用管理-我的應(yīng)用中,創(chuàng)建應(yīng)用,并在相應(yīng)的應(yīng)用中創(chuàng)建Key。 注意勾選WebServiceAPI和微信小程序 web配置

    2024年02月09日
    瀏覽(94)
  • UniApp項(xiàng)目中 使用微信小程序原生語(yǔ)言 進(jìn)行開(kāi)發(fā)

    UniApp項(xiàng)目中 使用微信小程序原生語(yǔ)言 進(jìn)行開(kāi)發(fā)

    wxcomponents 下放的是微信小程序原生代碼寫(xiě)的組件。我進(jìn)行了封裝 在你下uniApp 項(xiàng)目的根目錄創(chuàng)建一個(gè) wxcomponents 名字千萬(wàn)不要錯(cuò) 京東、支付寶燈參考下面圖片 官方文檔也有介紹 然后在你需要引入原生功能的頁(yè)面里面引入你的組件(我這里提前已經(jīng)放過(guò)來(lái)了。在上面圖可看到

    2024年02月04日
    瀏覽(100)
  • 微信小程序集成和使用mqtt(同時(shí)支持uniapp和原生)

    微信小程序集成和使用mqtt(同時(shí)支持uniapp和原生)

    ? ? ? ?在集成mqtt到小程序的開(kāi)發(fā)過(guò)程中,確實(shí)走了不少?gòu)澛?,下了許許多多的示例,一步步踩坑到現(xiàn)在終于完美解決了小程序引入mqtt的方法。該方法原生和uniapp均適用。 先登錄微信公眾平臺(tái),找到開(kāi)發(fā)》開(kāi)發(fā)管理》開(kāi)發(fā)設(shè)置頁(yè)面 ? 服務(wù)器域名配置中 配置socket合法域名為,

    2024年02月07日
    瀏覽(98)
  • 原生微信小程序/uniapp使用空格占位符無(wú)效解決方法

    原生微信小程序/uniapp使用空格占位符無(wú)效解決方法

    最近碰到一個(gè)需求,在一個(gè) text 文本中的前后添加 空格占位符 ,總所周知,我并不會(huì)前端,于是我查看了原生微信小程序以及uniapp官方文檔,得到了以下答案: 原生微信小程序官方文檔 uniapp官方文檔 從文檔可以知道我們可以用 nbsp; , ensp; , emsp; 等等作為占位符實(shí)現(xiàn)空格效果

    2024年02月03日
    瀏覽(102)
  • 使用uniapp編寫(xiě)微信小程序并與原生小程序代碼進(jìn)行融合

    使用uniapp編寫(xiě)微信小程序并與原生小程序代碼進(jìn)行融合

    在使用uniapp編寫(xiě)時(shí)所使用的語(yǔ)法為VUE,代碼編寫(xiě)完成后點(diǎn)擊HBuilder X工具窗口:發(fā)行編譯為小程序,即可自動(dòng)轉(zhuǎn)換為小程序的代碼 解決問(wèn)題: 編譯之后代碼會(huì)被進(jìn)行壓縮,vue文件會(huì)被拆分,其中的變量名也會(huì)被替換掉,基本沒(méi)有可讀性,變成這樣: 這樣的代碼基本是不可進(jìn)行

    2024年02月09日
    瀏覽(168)
  • 微信小程序原生使用map組件實(shí)現(xiàn)軌跡、多邊形

    使用地圖本身的map組件實(shí)現(xiàn)地圖 初始化地圖: map組件的屬性 longitude 必須 Number 中心點(diǎn)經(jīng)度 latitude 必須 Number 中心點(diǎn)緯度 scale 選填 Number 地圖的縮放級(jí)別(縮放切換時(shí)使用) include-points 選填 Array. 縮放視野以展示所有坐標(biāo)點(diǎn) markers 選填 Array. 地圖展示的坐標(biāo)點(diǎn)集合 polyline 選填

    2024年02月03日
    瀏覽(101)
  • uniapp,微信小程序確認(rèn)收貨組件的使用

    uniapp,微信小程序確認(rèn)收貨組件的使用

    ?這里很容易誤會(huì)成,執(zhí)行success函數(shù),就收貨成功了。其實(shí)要根據(jù)返回的參數(shù)來(lái)判斷是否真的收貨成功。 微信文檔上也有說(shuō)明: ?

    2024年02月08日
    瀏覽(196)
  • 原生微信小程序使用u-charts(組件版)折線圖示例

    原生微信小程序使用u-charts(組件版)折線圖示例

    ? ? ? ? 之前一直使用的都是 wx-charts,鏈接:?xiaolin3303/wx-charts: 微信小程序圖表charts組件 ,但是這個(gè)庫(kù)已經(jīng)五六年沒(méi)有維護(hù)了,經(jīng)常出現(xiàn) canvas層級(jí)過(guò)高彈窗無(wú)法覆蓋等問(wèn)題(微信小程序前面新推出了 canvas-2d,解決了這個(gè)問(wèn)題) ? ? ? ? 摸索了官網(wǎng)文檔一個(gè)下午,今天來(lái)介

    2024年02月09日
    瀏覽(18)
  • 【uniapp】使用canvas組件編譯到微信小程序兼容出錯(cuò)問(wèn)題

    【uniapp】使用canvas組件編譯到微信小程序兼容出錯(cuò)問(wèn)題

    使用uniapp編譯跨平臺(tái)項(xiàng)目會(huì)遇到不少兼容問(wèn)題,這里主要講canvas組件的,編譯到微信小程序會(huì)有兼容出錯(cuò)問(wèn)題,這里給講一下解決方案,希望有幫助。 如果使用 CanvasContext 繪制,以下代碼,編譯到微信小程序上可能發(fā)現(xiàn)繪制不出來(lái) 看canvas組件的屬性 type=\\\"2d\\\" 是否有加,要去掉

    2024年02月02日
    瀏覽(714)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包