快手挂载小程序怎么设置标题uniapp

快手挂载小程序设置标题uniapp的设置步雀差骤如下。

1、下载快手app，并在手机桌面找到快手app。

2、点击进入快手app主页，点击左上角三条横线按钮。

3、找到小程序按钮，点击小程序按钮。

4、进入小程序，可以在搜索框找到你想要的小程序。

5、打开小程序后，进入小程序主页，看到右上角三个点的按钮，点顷码皮击该按钮。

6、点击按钮后，d出小d窗，点击发快手按钮，拍摄你的视频。

7、拍摄完之后，进入视频编辑页面，就可以看到已经关联了小程序页面，发布模丛后就有挂载小程序了。

就是小程序上方由胶囊占据的bar，就叫titleBar。

因为我们可以在胶囊左侧写标题和其他一些东西。这些东西要跟胶囊中线对齐。

首先我没段们要撑起statusBar的高度，也就是最顶部的那个bar。这个bar的高度很容易取得。

uni.getMenuButtonBoundingClientRect().top取得的是胶囊距离视口顶部的距离，减掉statusBar的高度，就是胶囊离statusBar下沿的距离。这个距离乘以2，加上胶囊自身高度，就是titleBar的蠢明高度。

见红色部分。

开发者工具中会有略微错位，无妨，以真机为准。

我们希望胶囊左侧空白区域与胶囊有间距，而且间距最好是等于胶囊到枯档誉右边边线的距离。这个前提下，左侧空白区域的宽度怎么算？

写成组件就是这样：

用法：

演示如何使用作用域插槽：

pages.json 中源罩的相关配置参数

注意：在小程序端，不支持配置buttons

注意：在小程序端，不支持配置buttons

注意：在小程序端，不支持配置buttons

在App端默认为标题栏透明，当用户向下滚动时，标题栏逐渐由透明转变为不透明；当用户再次向上滚动时，标题栏又从不透明变为尺裂旦透明状态

在微信小程序端，导航栏始终为不透明样式

无需陵扰再在页面中进行配置

注意：在小程序端，不支持配置buttons

---