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

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

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

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

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

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

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

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

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

一、wx.setNavigationBarTitle

1.设置整个小程序通用标题，在app.json里设置：

"window": {

"navigationBarTitleText": "默认标题"

}

复制

2.单独设置页面标题，在对应页面json文件里设置（子页面设置会覆盖通用设置）：

{

"navigationBarTitleText": "首页"

}

复制

3.动态设置，比如说：我们从接口拿到商品名称后，把商品名称设置到标题上

wx.request({

url: "请求接口url",

method: "POST",

data: {},

success: function (res) {

if (res.data.code == 200) {

// 修改navigationBarTitleText

wx.setNavigationBarTitle({

title: goods_name

})

}

}

})

复制

tips：动态设置 >页面独立设置 >通用设置

效果图：

当然，另外我们可以通过点击事件来动态设置标题：

test: function () {

wx.setNavigationBarTitle({

title: "我是点击后的标题"

})

}

复制

效果图：

二、wx.setNavigationBarColor

设置页面导航条颜色

wx.setNavigationBarColor({

frontColor: '#ffffff',

backgroundColor: '#ff0000',

animation: {

duration: 400,

timingFunc: 'easeIn'

}

})

复制

frontColor：前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000

backgroundColor：背景颜色值，有效值为十六进制颜色

animation：动画效果

①animation的结构包括：duration，timingFunc；

②timingFunc：linear（动画从头到尾的速度是相同的），easeIn（动画以低速开始），easeOut（动画以低速结束），easeInOut（动画以低速开始和结束）

效果图：

三、wx.showNavigationBarLoading和wx.hideNavigationBarLoading

wx.showNavigationBarLoading：在当前页面显示导航条加载动画

wx.hideNavigationBarLoading：在当前页面隐藏导航条加载动画

index.wxml

<button bindtap="showLoading">显示加载动画</button>

<button bindtap="hideLoading">隐藏加载动画</button>

复制

index.js

// 显示加载动画

showLoading: function () {

wx.showNavigationBarLoading()

},

// 隐藏加载动画

hideLoading: function () {

wx.hideNavigationBarLoading()

}

复制

效果图：

四、wx.hideHomeButton

隐藏返回首页按钮。微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。

当前文件的json里面设置即可。

每张页面默认的标题是app，json里面设置的全局标题，添加单页面标题只需在当前文件的json里面设置即可。

微信小程序不仅可静态修改页面，还可以动态修改页面静态修改页面通过指定页面的对应的json文件加入代码。

---