WeChatミニプログラム開発の共通機能まとめ-ミニプログラム開発-php.cn

ユーザー情報の取得

現在、このインターフェースは個人開発者以外向けとなっており、認定を取得したミニプログラムが公開されています(海外法人を除く)。ユーザーが頻繁に報告したり、不必要なシナリオで使用されていることが判明した場合、WeChat はミニプログラムのインターフェイス権限を永久に取り消す権利を有します。

添加分享功能

带参分享

全局分享

分享按钮

页面跳转

自定义组件

定义全局组件

设置默认顶部导航栏样式

取消顶部默认的导航栏

ホームページ

WeChat アプレット

ミニプログラム開発

WeChatミニプログラム開発の共通機能まとめ

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 30, 2022 pm 01:56 PM

WeChat アプレット

この記事では、WeChat ミニプログラムに関する関連知識を提供します。主に WeChat ミニプログラム開発の一般的な機能を紹介します。この記事では、サンプルコードを通じて詳細に紹介します。あるいは参考価値のある作品なので、皆様のお役に立てれば幸いです。

WeChatミニプログラム開発の共通機能まとめ

[関連する学習の推奨事項: 小さなプログラム学習チュートリアル]

ユーザー情報の取得

電話 wx.getUserProfile メソッドは、基本的なユーザー情報を取得します。これは、ページ上でクリックイベントが発生した後にのみ呼び出すことができます (たとえば、button の bindtap のコールバック内)。リクエストごとに承認ウィンドウがポップアップ表示されます。ユーザーが同意すると、userInfo# が返されます。

##特定のパラメータは次のとおりです:

AttributeType デフォルト値必須説明langstringenNoユーザー情報を表示する言語 descstring ははユーザーの個人情報を取得する目的を宣言します。30文字を超えないものとします。successfunctionNo成功したインターフェイス呼び出しのコールバック関数failfunctionNo インターフェイスの呼び出しに失敗したコールバック関数completefunctionNoインターフェイス呼び出しの最後にあるコールバック関数 (呼び出しが成功または失敗した場合に実行されます)#サンプルコード

wx.getUserProfile({
    desc: &#39;用于完善用户基本资料&#39;, // 声明获取用户个人信息后的用途，不超过30个字符
    success: (res) => {
        console.log(res.userInfo));
    }
})

ログイン後にコピー

Get戻り値

{
  "nickName": "秋梓", // 微信昵称
  "gender": 0,
  "language": "zh_CN",
  "city": "",
  "province": "",
  "country": "",
  "avatarUrl": "https://thirdwx.qlogo.cn/mmopen/vi_32/qrSYVbDbBhunywgP5HTx4mhT8HVNzhmlibd8pfYo4guPJ5w/132" // 头像
}

ログイン後にコピー

携帯電話番号の取得

現在、このインターフェースは個人開発者以外向けとなっており、認定を取得したミニプログラムが公開されています(海外法人を除く)。ユーザーが頻繁に報告したり、不必要なシナリオで使用されていることが判明した場合、WeChat はミニプログラムのインターフェイス権限を永久に取り消す権利を有します。

使用方法

ボタンコンポーネント

open-type

の値を getPhoneNumber に設定する必要があります。ユーザーがクリックして同意した後、 bindgetphonenumber イベントコールバックは動的トークン code を取得し、開発者バックエンドに code を渡し、WeChat バックエンドによって提供されるphonenumber.getPhoneNumber インターフェイスを呼び出します。開発者のバックエンドで、ユーザーの携帯電話番号と引き換えに code を使用します。各 コードは 5 分間有効で、1 回のみ使用できます。注:

getPhoneNumber

によって返される code には、wx.login によって返される code とは異なる機能があり、使用できません。それを混ぜてください。コード例

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

ログイン後にコピー

rrree

戻りパラメータの説明

##パラメータタイプ説明最小バージョンコード文字列動的トークン。ユーザーの携帯電話番号を動的トークンと交換できます。使用方法の詳細phonenumber.getPhoneNumber インターフェイス次に、コードを通じてユーザーの携帯電話番号を交換します。各コードは 1 回のみ使用でき、コードの有効期間は 5 分です。

次のインターフェイスを呼び出します。

Page({
  getPhoneNumber (e) {
    console.log(e.detail.code)
  }
})

ログイン後にコピー

パラメータを要求します。

# #属性タイプ#access_token / cloudbase_access_tokenstring はインターフェイス呼び出し資格情報 codestring は、バウチャーを取得するための携帯電話番号です。 #返された JSON データパケット

デフォルト値	必須	説明

属性

TypeDescriptionエラーコードエラーメッセージユーザーの電話番号情報

errcode number

errmsg string

phone_info オブジェクト

返回结果示例

{
    "errcode":0,
    "errmsg":"ok",
    "phone_info": {
        "phoneNumber":"xxxxxx",
        "purePhoneNumber": "xxxxxx",
        "countryCode": 86,
        "watermark": {
            "timestamp": 1637744274,
            "appid": "xxxx"
        }
    }
}

ログイン後にコピー

实现微信支付

唤起微信支付的核心方法调用 wx.requestPayment 方法，该方法具体参数如下

属性	类型	默认值	必填	说明
timeStamp	string		是	时间戳，从 1970 年 1 月 1 日 00:00:00 至今的秒数，即当前的时间
nonceStr	string		是	随机字符串，长度为32个字符以下
package	string		是	统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=***
signType	string	`MD5` 仅在 v2 版本接口适用	否	签名算法，应与后台下单时的值一致
		`HMAC-SHA256` 仅在 v2 版本接口适用
		`RSA` 仅在 v3 版本接口适用
paySign	string		是	签名，具体见微信支付文档
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

/**
 * 微信支付方法
 * @param {string} oderId 订单id
 * @param {string} total 订单金额
 * @param {stromg} openId 登陆人openid
 */
function weixinPayFun(data) {
  wx.showLoading({
    mask: true
  })
  const http = new Http()
  return new Promise((resolve, reject) => {
    // 请求支付接口
    http.post(`${env.fayongApi}/app/shopping/order/pay`, data).then(res => {
      // 获取支付签名信息
      let payInfo = res.data
      // 调起微信支付
      wx.requestPayment({
        "timeStamp": payInfo.timeStamp + &#39;&#39;,
        "nonceStr": payInfo.nonceStr,
        "package": payInfo.package,
        "signType": "RSA",
        "paySign": payInfo.paySign,
        "success": function (res) {
          console.log(res, &#39;success&#39;);
          // 支付成功
          resolve(res)
        },
        "fail": function (err) {
          // 支付失败
          reject(err)
        },
        "complete": function (res) {
          wx.hideLoading()
        }
      })
    })
  })
}

ログイン後にコピー

添加分享功能

在需要分享的分享的页面中添加 onShareAppMessage 事件函数，此事件处理函数需要 return 一个 Object，用于自定义转发内容，只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮

onShareAppMessage 方法具体参数如下

字段	说明	默认值	最低版本
title	转发标题	当前小程序名称
path	转发路径	当前页面 path ，必须是以 / 开头的完整路径
imageUrl	自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。	使用默认截图	1.5.0
promise	如果该参数存在，则以 resolve 结果为准，如果三秒内不 resolve，分享会使用上面传入的默认参数		2.12.0

静态分享

示例代码

Page({
    // 分享
    onShareAppMessage() {
        return {
            title: "乐福健康", // 分享标题
            path: "pages/newhome/index", // 分享地址路径
        }
    }
})

ログイン後にコピー

添加完成后点击右上角胶囊按钮会分享图标会亮起

带参分享

上面的分享是不带参数的，我们可以直接在路径中动态添加参数，分享后用户点击时会触发 onLoad 函数获取路径中的参数值

// 分享
onShareAppMessage() {
    const that = this;
    return {
        title: that.data.goodInfo.goodName, // 动态获取商品名称
        path: "pages/component/orderparticulars/orderparticulars?id=" + that.data.productId, // 动态传递当前商品id
        imageUrl: that.data.background[0] // 获取商品封面图
    }
}

ログイン後にコピー

动态获取分享图片和标题后我们每次分享时会出现不同内容

全局分享

除此之外我们也可以添加全局分享功能

首先要在每个页面中添加 onShareAppMessage 函数，函数体内容可以为空，如果函数体内容为空，则会使用我们在 app.js 中定义的默认分享方法，如果该函数返回了一个 object 则使用我们自定义的分享功能

在需要被分享的页面添加如下代码

Page({
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
		// 函数体内容为空即可
    }
})

ログイン後にコピー

接着在 app.js 中添加重写分享方法

//重写分享方法
overShare: function () {
    //间接实现全局设置分享内容
    wx.onAppRoute(function () {
        //获取加载的页面
        let pages = getCurrentPages(),
            //获取当前页面的对象
            view = pages[pages.length - 1],
            data;
        if (view) {
            data = view.data;
            // 判断是否需要重写分享方法
            if (!data.isOverShare) {
                data.isOverShare = true;
                view.onShareAppMessage = function () {
                    //重写分享配置
                    return {
                        title: &#39;分享标题&#39;,
                        path: "/pages/index/index"    //分享页面地址
                    };
                }
            }
        }
    })
},

ログイン後にコピー

然后在 onLaunch 函数中调用该方法

onLaunch() {
    this.overShare()
}

ログイン後にコピー

分享按钮

在开发中我们也会碰到点击分享按钮实现分享功能，实现代码如下

首先在 html 中添加 button 按钮。其中 open-typ 要等于 share,表示点击这个按钮注定触发分享函数

<!-- 分享按钮 -->
<van-button type="primary" icon="share" round class="search" open-type="share" size="small">
    分享
</van-button>

ログイン後にコピー

之后要确保我们在 js 中添加了 onShareAppMessage 函数

效果如下：

获取用户收货地址

获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。

wx.chooseAddress({
    success(res) {
        console.log(res.userName)
        console.log(res.postalCode)
        console.log(res.provinceName)
        console.log(res.cityName)
        console.log(res.countyName)
        console.log(res.detailInfo)
        console.log(res.nationalCode)
        console.log(res.telNumber)
    }
})

ログイン後にコピー

参数说明

属性	类型	说明
userName	string	收货人姓名
postalCode	string	邮编
provinceName	string	国标收货地址第一级地址
cityName	string	国标收货地址第二级地址
countyName	string	国标收货地址第三级地址
streetName	string	国标收货地址第四级地址
detailInfo	string	详细收货地址信息（包括街道地址）
detailInfoNew	string	新选择器详细收货地址信息
nationalCode	string	收货地址国家码
telNumber	string	收货人手机号码
errMsg	string	错误信息

画像のプレビュー

呼び出しメソッド: wx.previewImage(Object object)

新しいページで画像を全画面でプレビューします。プレビュープロセス中に、ユーザーは写真を保存したり、友人に送信したりすることができます。

#属性タイプデフォルト値必須説明最小バージョンurlsArray. は、が必要とする画像リンクのリストです。プレビューされます。クラウドファイル ID は 2.2.3 以降でサポートされます。 showmenubooleantrueNo長く表示するかどうかメニューを押します。識別をサポートするコード: ミニプログラムコードミニプログラムのみが識別コードをサポートします: WeChat 個人コード、WeChat グループコード、企業 WeChat 個人コード、企業 WeChat グループコード、企業 WeChat 相互運用可能グループコード; 2.13.0 currentstringURL の最初の画像No現在表示されているリンク画像referrerPolicystringno-referrerNo2.13.0successfunctionNoインターフェイス呼び出しが成功した場合のコールバック関数failfunctionNo失敗したインターフェイス呼び出しのコールバック関数completefunctionNo次のコールバック関数インターフェイス呼び出しの終了 (呼び出しが成功または失敗した場合に実行されます)

示例代码

wx.previewImage({
  current: &#39;&#39;, // 当前显示图片的http链接
  urls: [] // 需要预览的图片http链接列表
})

ログイン後にコピー

页面跳转

跳转普通页面

wx.navigateTo({
    url: &#39;&#39;,
})

ログイン後にコピー

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

跳转tabBar 页面

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.switchTab({
  url: &#39;/index&#39;
})

ログイン後にコピー

自定义组件

在小程序中的组件和普通页面的 js 结构有很大差异，结构如下

// pages/TestComponent/test.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        userName:""
    },

     * 组件的初始数据
    data: {
     * 组件的方法列表
    methods: {
        // 获取父组件传递过来的参数
        getPropName(){
            console.log(this.data.userName);
        }
    }
})

ログイン後にコピー

其中我们在 properties 对象中定义组件组件的属性列表

然后再组件中添加触发 getPropName 的方法

<button bind:tap="getPropName">获取名称</button>

ログイン後にコピー

在我们需要引入这个组件的页面去声明这个组件的名称和地址，找到后缀为 json 的文件，添加如下代码

{
  "usingComponents": {
    "test-component":"../TestComponent/test"
  }
}

ログイン後にコピー

之后我们在页面中像使用普通标签一样使用这个组件,并且给组件传递数据

<test-component userName="张三"></test-component>

ログイン後にコピー

传递数据后我们即可实现点击组件中的按钮获取父组件传递过来的值

定义全局组件

我们定义完组件后想要在全局使用，我们可以将这个组件定义为全局组件

首先找到项目中的 app.json 文件，找到 usingComponents 添加组件地址

{
    ......省略其他代码
    "usingComponents": {
        "test-component":"./pages/TestComponent/test"
    }
}

ログイン後にコピー

声明完成后我们即可在全局像使用标签的方式使用该组件

设置默认顶部导航栏样式

在 app.json 中添加如下代码

{
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#22a381",
        "navigationBarTitleText": "乐福健康",
        "navigationBarTextStyle": "white"
    }
}

ログイン後にコピー

全部参数列表





				origin `: 完全なリファラーを送信します;` no-referrer`: 送信しません。形式は` https://servicewechat.com/{appid}/{version}/page-frame.html `に固定されています。ここで、{appid} はミニプログラムの appid で、{version} はミニプログラムの appid です。ミニプログラムのバージョン番号。バージョン番号は 0 (開発バージョン、試用版、レビューバージョンを意味します)、バージョン番号は devtools (開発者ツールを意味します)、残りは正式バージョンです。`

属性	类型	默认值	描述	最低版本
navigationBarBackgroundColor	HexColor	#000000	导航栏背景颜色，如 `#000000`
navigationBarTextStyle	string	white	导航栏标题颜色，仅支持 `black` / `white`
navigationBarTitleText	string		导航栏标题文字内容
navigationStyle	string	default	导航栏样式，仅支持以下值： `default` 默认样式 `custom` 自定义导航栏，只保留右上角胶囊按钮。	iOS/Android 微信客户端 7.0.0，Windows 微信客户端不支持
backgroundColor	HexColor	#ffffff	窗口的背景色
backgroundTextStyle	string	dark	下拉 loading 的样式，仅支持 `dark` / `light`
backgroundColorTop	string	#ffffff	顶部窗口的背景色，仅 iOS 支持	微信客户端 6.5.16
backgroundColorBottom	string	#ffffff	底部窗口的背景色，仅 iOS 支持	微信客户端 6.5.16
enablePullDownRefresh	boolean	false	是否开启当前页面下拉刷新。详见 Page.onPullDownRefresh
onReachBottomDistance	number	50	页面上拉触底事件触发时距页面底部距离，单位为px。详见 Page.onReachBottom
pageOrientation	string	portrait	屏幕旋转设置，支持 `auto` / `portrait` / `landscape` 详见响应显示区域变化	2.4.0 (auto) / 2.5.0(landscape)
disableScroll	boolean	false	设置为 `true` 则页面整体不能上下滚动。只在页面配置中有效，无法在 `app.json` 中设置
usingComponents	Object	否	页面自定义组件配置	1.6.3
initialRenderingCache	string		页面初始渲染缓存配置，支持 `static` / `dynamic`	2.11.1
style	string	default	启用新版的组件样式	2.10.2
singlePage	Object	否	单页模式相关配置	2.12.0
restartStrategy	string	homePage	重新启动策略配置	2.8.0

效果

取消顶部默认的导航栏

找到页面 json 文件添加 "navigationStyle":"custom",即可去掉默认导航栏

{
  "usingComponents": {
      
  },
  "navigationStyle":"custom"
}

ログイン後にコピー

添加自定义样式后可以达到如下效果

【相关学习推荐：小程序学习教程】

以上がWeChatミニプログラム開発の共通機能まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7518

CakePHP チュートリアル

1378

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Xianyu WeChat ミニプログラムが正式に開始 Feb 10, 2024 pm 10:39 PM

Xianyu の公式 WeChat ミニプログラムが静かに開始されました。ミニプログラムでは、プライベートメッセージを投稿して購入者/販売者とコミュニケーションしたり、個人情報や注文を表示したり、商品を検索したりすることができます。プログラム、見てみましょう。 Xianyu WeChat アプレットの名前は何ですか? 回答: Xianyu、アイドル取引、中古品販売、評価、リサイクル。 1. ミニプログラムでは、アイドルメッセージの投稿、プライベートメッセージを介した購入者/販売者とのコミュニケーション、個人情報と注文の表示、指定された商品の検索などができます。 2. ミニプログラムページには、ホームページ、近くに、アイドル投稿、メッセージ投稿、私の投稿 5つの機能; 3. 使用したい場合は、購入する前に WeChat 支払いを有効にする必要があります。

WeChatアプレットは画像アップロード機能を実装 Nov 21, 2023 am 09:08 AM

WeChat アプレットが画像アップロード機能を実装モバイルインターネットの発展に伴い、WeChat アプレットは人々の生活に欠かせないものになりました。 WeChat ミニプログラムは、豊富なアプリケーションシナリオを提供するだけでなく、画像アップロード機能などの開発者定義の機能もサポートします。この記事では、WeChat アプレットに画像アップロード機能を実装する方法と具体的なコード例を紹介します。 1. 準備作業コードを書き始める前に、WeChat 開発者ツールをダウンロードしてインストールし、WeChat 開発者として登録する必要があります。同時に、WeChat についても理解する必要があります。

WeChat アプレットにドロップダウンメニュー効果を実装する Nov 21, 2023 pm 03:03 PM

WeChat ミニプログラムでドロップダウンメニュー効果を実装するには、特定のコードサンプルが必要です。モバイルインターネットの普及に伴い、WeChat ミニプログラムはインターネット開発の重要な部分となり、ますます多くの人が注目し始めています。 WeChat ミニプログラムを使用します。 WeChat ミニプログラムの開発は、従来の APP 開発よりも簡単かつ迅速ですが、特定の開発スキルを習得する必要もあります。 WeChat ミニプログラムの開発では、ドロップダウンメニューが一般的な UI コンポーネントであり、より良いユーザーエクスペリエンスを実現します。この記事では、WeChat アプレットにドロップダウンメニュー効果を実装し、実用的な機能を提供する方法を詳しく紹介します。

WeChat ミニプログラムに画像フィルター効果を実装する Nov 21, 2023 pm 06:22 PM

WeChat ミニプログラムでの画像フィルター効果の実装ソーシャルメディアアプリケーションの人気に伴い、人々は写真にフィルター効果を適用して、写真の芸術的効果や魅力を高めることがますます好まれています。画像フィルター効果は WeChat ミニプログラムにも実装でき、より興味深く創造的な写真編集機能をユーザーに提供します。この記事では、WeChat ミニプログラムに画像フィルター効果を実装する方法を紹介し、具体的なコード例を示します。まず、WeChat アプレットのキャンバスコンポーネントを使用して画像を読み込み、編集する必要があります。 Canvasコンポーネントはページ上で使用できます

WeChat アプレットを使用してカルーセル切り替え効果を実現する Nov 21, 2023 pm 05:59 PM

WeChat アプレットを使用してカルーセルスイッチング効果を実現する WeChat アプレットは、シンプルで効率的な開発と使用特性を備えた軽量のアプリケーションです。 WeChat ミニプログラムでは、カルーセルスイッチング効果を実現することが一般的な要件です。この記事では、WeChat アプレットを使用してカルーセル切り替え効果を実現する方法と、具体的なコード例を紹介します。まず、カルーセルコンポーネントを WeChat アプレットのページファイルに追加します。たとえば、<swiper> タグを使用すると、カルーセルの切り替え効果を実現できます。このコンポーネントでは、 b を渡すことができます。

Xianyu WeChat アプレットの名前は何ですか? Feb 27, 2024 pm 01:11 PM

Xianyu の公式 WeChat ミニプログラムが静かに開始され、アイドルアイテムを簡単に公開および交換できる便利なプラットフォームをユーザーに提供します。ミニプログラムでは、プライベートメッセージを介して購入者または販売者とコミュニケーションしたり、個人情報や注文を表示したり、欲しい商品を検索したりできます。では、WeChat ミニプログラムでは Xianyu とはいったい何と呼ばれているのでしょうか? このチュートリアルガイドで詳しくご紹介しますので、知りたいユーザーは、この記事に従って読み続けてください。 Xianyu WeChat アプレットの名前は何ですか? 回答: Xianyu、アイドル取引、中古品販売、評価、リサイクル。 1. ミニプログラムでは、アイドルメッセージの投稿、プライベートメッセージを介した購入者/販売者とのコミュニケーション、個人情報と注文の表示、指定された商品の検索などができます。 2. ミニプログラムページには、ホームページ、近くに、アイドル投稿、メッセージ投稿、マイ投稿の5つの機能、3．

WeChatミニプログラムにスライディング削除機能を実装する Nov 21, 2023 pm 06:22 PM

WeChat ミニプログラムにスライディング削除機能を実装するには、特定のコードサンプルが必要です。WeChat ミニプログラムの人気に伴い、開発者は開発プロセス中にいくつかの一般的な機能を実装する際に問題に遭遇することがよくあります。中でも、スライド削除機能は、よく使われる一般的な機能要件です。この記事では、WeChat アプレットにスライディング削除機能を実装する方法と具体的なコード例を詳しく紹介します。 1. 要件分析 WeChat ミニプログラムでは、スライド削除機能の実装には次の点が含まれます。リスト表示: スライドして削除できるリストを表示するには、各リスト項目に次の要素が含まれている必要があります。

WeChat アプレットに画像回転効果を実装する Nov 21, 2023 am 08:26 AM

WeChat ミニプログラムで画像回転効果を実装するには、特定のコードサンプルが必要です。WeChat ミニプログラムは、ユーザーに豊富な機能と優れたユーザーエクスペリエンスを提供する軽量のアプリケーションです。ミニプログラムでは、開発者はさまざまなコンポーネントと API を使用して、さまざまな効果を実現できます。その中で、画像回転効果は、ミニプログラムに興味と視覚効果を加えることができる一般的なアニメーション効果です。 WeChat ミニプログラムで画像の回転効果を実現するには、ミニプログラムが提供するアニメーション API を使用する必要があります。以下は、その方法を示す具体的なコード例です。

See all articles

WeChatミニプログラム開発の共通機能まとめ

ユーザー情報の取得

添加分享功能

带参分享

全局分享

分享按钮

页面跳转

自定义组件

定义全局组件

设置默认顶部导航栏样式

取消顶部默认的导航栏

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック