npm - tmui-cli - Versions diffs - 2.0.5 → 5.3.1 - Mend

tmui-cli 2.0.5 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (777) hide show

package/data/uniappx/api/get-recorder-manager.md CHANGED Viewed

@@ -8,9 +8,9 @@
 录音管理
 ### getRecorderManager 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 web平台可通过插件拉齐，[详见](https://ext.dcloud.net.cn/search?q=getRecorderManager&orderBy=Relevance&cat1=4&cat2=41&uni-app-platforms=&uni-app-x-platforms=)
@@ -26,9 +26,9 @@ web平台可通过插件拉齐，[详见](https://ext.dcloud.net.cn/search?q=get
 start
 开始录音
 ##### start 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -37,51 +37,51 @@ start
 | options | **RecorderManagerStartOptions** | 是 | Web x（部分支持，见上） |
 | 名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
 | :- | :- | :- | :- |  :-: | :- |
-| duration | number | 否 |  | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 指定录音的时长，单位 ms ，如果传入了合法的 duration ，在到达指定的 duration 后会自动停止录音，默认值 60000（1 分钟)，微信小程序最大值 600000（10 分钟), App 平台没有最大值限制 |
-| sampleRate | number | 否 |  | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 采样率，有效值 8000/16000/44100, Android平台默认是8000，iOS平台默认是44100 |
-| numberOfChannels | number | 否 | 2 | Web x / 微信小程序 4.41 / Android 4.61 / iOS x / HarmonyOS 4.61（部分支持，见上） | 录音通道数，有效值 1/2 |
-| encodeBitRate | number | 否 | 48000 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 编码码率，有效值见下表格 |
-| format | string | 否 | aac | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 音频格式 |
+| duration | number | 否 |  | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 指定录音的时长，单位 ms ，如果传入了合法的 duration ，在到达指定的 duration 后会自动停止录音，默认值 60000（1 分钟)，微信小程序最大值 600000（10 分钟), App 平台没有最大值限制 |
+| sampleRate | number | 否 |  | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 采样率，有效值 8000/16000/44100, Android平台默认是8000，iOS平台默认是44100 |
+| numberOfChannels | number | 否 | 2 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS x / HarmonyOS 4.61（部分支持，见上） | 录音通道数，有效值 1/2 |
+| encodeBitRate | number | 否 | 48000 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 编码码率，有效值见下表格 |
+| format | string | 否 | aac | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 音频格式 |
 @@| 合法值 | 兼容性 | 描述 |
 @@| :- |  :-: | :- |
-@@| aac | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | aac格式 |
-@@| mp3 | Web x / 微信小程序 4.41 / Android 4.61 / iOS x / HarmonyOS 4.61（部分支持，见上） | mp3格式 |
-@@| pcm | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | pcm格式 |
-@@| wav | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | wav格式 |
-@@| m4a | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | m4a格式 |
-| frameSize | number | 否 |  | Web x / 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定帧大小，单位 KB。传入 frameSize 后，每录制指定帧大小的内容后，会回调录制的文件内容，不指定则不会回调。暂仅支持 mp3 格式。 |
+@@| "aac" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | aac格式 |
+@@| "mp3" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS x / HarmonyOS 4.61（部分支持，见上） | mp3格式 |
+@@| "pcm" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | pcm格式 |
+@@| "wav" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | wav格式 |
+@@| "m4a" | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | m4a格式 |
+| frameSize | number | 否 |  | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定帧大小，单位 KB。传入 frameSize 后，每录制指定帧大小的内容后，会回调录制的文件内容，不指定则不会回调。暂仅支持 mp3 格式。 |
 #### pause() : void; @pause
 pause
 暂停录音,App-Android平台在Android 7.0及以后版本支持
 ##### pause 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 4.61 | 4.61 | 4.61 |
 #### resume() : void; @resume
 resume
 继续录音，App-Android平台在Android 7.0及以后版本支持
 ##### resume 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 4.61 | 4.61 | 4.61 |
 #### stop() : void; @stop
 stop
 停止录音
 ##### stop 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 #### onStart(options : (result : any) => void) : void; @onstart
 onStart
 录音开始事件
 ##### onStart 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -93,17 +93,17 @@ onStart
 offStart
 取消监听录音开始事件
 ##### offStart 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 5.0 | 5.0 | 5.0 |
 #### onPause(options : (result : any) => void) : void; @onpause
 onPause
 录音暂停事件,App-Android平台在Android 7.0及以后版本支持
 ##### onPause 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -115,17 +115,17 @@ onPause
 offPause
 取消监听录音暂停事件
 ##### offPause 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 5.0 | 5.0 | 5.0 |
 #### onStop(options : (result : RecorderManagerOnStopResult) => void) : void; @onstop
 onStop
 录音停止事件，会回调文件地址
 ##### onStop 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -137,23 +137,23 @@ onStop
 | 名称 | 类型 | 必备 | 兼容性 | 描述 |
 | :- | :- | :- |  :-: | :- |
-| tempFilePath | string | 是 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 录音文件的临时路径 |
+| tempFilePath | string | 是 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 录音文件的临时路径 |
 #### offStop() : void; @offstop
 offStop
 取消监听录音停止事件
 ##### offStop 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 5.0 | 5.0 | 5.0 |
 #### onFrameRecorded(options : (result : any) => void) : void; @onframerecorded
 onFrameRecorded
 已录制完指定帧大小的文件，会回调录音分片结果数据。如果设置了 frameSize ，则会回调此事件
 ##### onFrameRecorded 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | x | x | x |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | x | x | x |
 ##### 参数
@@ -165,17 +165,17 @@ onFrameRecorded
 offFrameRecorded
 取消监听帧回调事件
 ##### offFrameRecorded 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | x | x | x |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | x | x | x |
 #### onError(options: (result: IRecorderManagerFail) => void): void; @onerror
 onError
 录音错误事件, 会回调错误信息
 ##### onError 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -190,14 +190,14 @@ onError
 | errCode | number | 是 | Web x（部分支持，见上） | 错误码 |
 | 合法值 | 兼容性 | 描述 |
 | :- |  :-: | :- |
-| 1107601 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 没有麦克风权限 |
-| 1107602 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 不支持该采样率 |
-| 1107603 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 采样率和编码码率不匹配 |
-| 1107604 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 启动失败 |
-| 1107605 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 不支持该音频格式 |
-| 1107606 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 其他错误 |
-| 1107607 | Web x / 微信小程序 4.41 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 被打断 |
-| 1107608 | Web x / 微信小程序 4.41 / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 正在录音中，请稍后执行此操作 |
+| 1107601 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 没有麦克风权限 |
+| 1107602 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 不支持该采样率 |
+| 1107603 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 采样率和编码码率不匹配 |
+| 1107604 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 启动失败 |
+| 1107605 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 不支持该音频格式 |
+| 1107606 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 其他错误 |
+| 1107607 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.61 / iOS 4.61 / HarmonyOS 4.61（部分支持，见上） | 被打断 |
+| 1107608 | Web x / 微信小程序 4.41 / 支付宝小程序 5.31 / Android 4.81 / iOS x / HarmonyOS x（部分支持，见上） | 正在录音中，请稍后执行此操作 |
 | errSubject | string | 是 | Web x（部分支持，见上） | 统一错误主题（模块）名称 |
 | data | any | 否 | Web x（部分支持，见上） | 错误信息中包含的数据 |
 | cause | Error | 否 |   | 源错误信息，可以包含多个错误，详见SourceError |
@@ -207,17 +207,17 @@ onError
 offError
 取消监听录音错误事件
 ##### offError 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 5.0 | 5.0 | 5.0 |
 #### onResume(options : (result : any) => void) : void; @onresume
 onResume
 监听录音继续事件,App-Android平台在Android 7.0及以后版本支持
 ##### onResume 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -229,17 +229,17 @@ onResume
 offResume
 取消监听录音继续事件
 ##### offResume 兼容性
-| Web | 微信小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- | :- |
-| x | 4.41 | 7.0 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android 系统版本 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 7.0 | 5.0 | 5.0 | 5.0 |
 #### onInterruptionBegin(options : (result : any) => void) : void; @oninterruptionbegin
 onInterruptionBegin
 监听录音因为受到系统占用而被中断开始事件
 ##### onInterruptionBegin 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -251,17 +251,17 @@ onInterruptionBegin
 offInterruptionBegin
 取消监听录音因为受到系统占用而被中断开始事件
 ##### offInterruptionBegin 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 5.0 | 5.0 | 5.0 |
 #### onInterruptionEnd(options : (result : any) => void) : void; @oninterruptionend
 onInterruptionEnd
 监听录音中断结束事件
 ##### onInterruptionEnd 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 4.61 | 4.61 | 4.61 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 4.61 | 4.61 | 4.61 |
 ##### 参数
@@ -273,9 +273,9 @@ onInterruptionEnd
 offInterruptionEnd
 取消监听录音中断结束事件
 ##### offInterruptionEnd 兼容性
-| Web | 微信小程序 | Android | iOS | HarmonyOS |
-| :- | :- | :- | :- | :- |
-| x | 4.41 | 5.0 | 5.0 | 5.0 |
+| Web | 微信小程序 | 支付宝小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- | :- |
+| x | 4.41 | 5.31 | 5.0 | 5.0 | 5.0 |
 ::: tip 编码格式与采样率、码率的关系
@@ -329,11 +329,11 @@ offInterruptionEnd
       <button class="btnstyle" size="default" @click="registeronInterruptionEnd">注册onInterruptionEnd</button>
       <view class="uni-list">
         <text style="margin-bottom: 10px"> 请选择录音格式：</text>
-        <radio-group class="uni-row" @change="radioChange" style="flex-wrap: wrap">
-          <view class="uni-list-cell" style="margin-right: 15px" v-for="(item, index) in items" :key="item.value">
-            <radio :value="item.value" :checked="index === current" />
-            <text>{{ item.name }}</text>
-          </view>
+        <radio-group class="record-format-group" @change="radioChange">
+          <view class="record-format-item" v-for="(item, index) in items" :key="item.value">
+            <radio :value="item.value" :checked="index === current" />
+            <text>{{ item.name }}</text>
+          </view>
         </radio-group>
       </view>
       <button class="btnstyle" size="default" :disabled="disableStartBtn" id="btn-startRecord"
@@ -368,15 +368,28 @@ offInterruptionEnd
     margin-top: 10px;
   }
-  .uni-list {
-    border-bottom: 0px;
-    background-color: transparent;
-    margin-left: 30px;
-    margin-right: 30px;
-    margin-top: 10px;
-    margin-bottom: 10px;
-  }
-</style>
+  .uni-list {
+    border-bottom: 0px;
+    background-color: transparent;
+    margin-left: 30px;
+    margin-right: 30px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+  .record-format-group {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  .record-format-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-right: 15px;
+  }
+</style>
 ```