一、快手视频广告投放-开发.json 文件
每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。 代码示例
{
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "快手接口功能演示",
"backgroundColor": "#ddd",
"backgroundTextStyle": "light"
}
配置项
属性
类型
默认值
描述
navigationBarBackgroundColor |
HexColor |
#ffffff |
导航栏背景色，例如 #000000 |
navigationBarTextStyle |
string |
black |
导航栏标题色，仅支持 black / white |
navigationBarTitleText |
string |
导航栏标题文字内容 |
|
navigationStyle |
string |
default |
导航栏样式，仅支持以下值：default 默认样式 custom 自定义导航栏，只保留右上角胶囊按钮 |
backgroundColor |
HexColor |
#ffffff |
窗口的背景色 |
backgroundTextStyle |
string |
dark |
下拉 loading 的样式，仅支持 dark / light |
backgroundColorTop |
string |
#ffffff |
顶部窗口的背景色，仅 iOS 支持 |
backgroundColorBottom |
string |
#ffffff |
底部窗口的背景色，仅 iOS 支持 |
enablePullDownRefresh |
boolean |
false |
是否开启当前页面下拉刷新。详见 Page.onPullDownRefresh |
onReachBottomDistance |
number |
50 |
页面上拉触底事件触发时距页面底部距离，单位为 px。详见 Page.onReachBottom |
pageOrientation |
string |
portrait |
屏幕旋转设置，支持 auto / portrait / landscape 详见 响应显示区域变化 |
usingComponents |
Object |
否 |
页面自定义组件置 |
页面配置中只能设置 app.json 中 window 对应的配置项，以决定本页面的窗口表现，所以无需写 window 这个属性。
KSML 语法
是快手小程序框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
KSML 能力：
数据绑定
KSML 中的动态数据绑定来自对应 js 中的 data。
<!-- ksml -->
<view> {{message}} </view>
// page.jsPage({
data: {
message: 'Hello ks!'
}
}
列表渲染
使用 ks:for 绑定一个数组，可实现由数组数据来重复渲染该组件。 数组当前项默认为item，当前项下标默认为index。
<!--ksml-->
<view ks:for="{{array}}"> {{item}} </view>
// page.jsPage({
data: {
array: [1, 2, 3, 4, 5]
}
})
使用 ks:for-item 可以指定数组当前元素的变量名。
使用 ks:for-index 可以指定数组当前下标的变量名。
条件渲染
使用 ks:if="" 来判断是否需要渲染该代码块。
也可以使用ks:elif 和ks:else 来添加一个 else 块:
<!--ksml-->
<view ks:if="{{pc}}"> pc </view>
<view ks:elif="{{mobile}}"> mobile </view>
<view ks:else="{{pad}}"> pad </view>
// page.jsPage({
data: {
pc: false,
mobile: true,
pad: false
}
})
模板
可以在模板中定义代码片段，然后在不同的地方调用。使用 name 作为模板的名字。然后在 <template/>内定义代码片段。使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入。
<!--ksml-->
<template name="templateName">
<view>
{{ name }}{{ age }}
</view>
</template>
<template is="templateName" data="{{...templateData}}"/>
// page.js
Page({
data: {
templateData: {
name: 'name',
age: '22'
}
}
})
引用
KSML 提供两种文件引用方式 import 和 include。
import
import 可以在该文件中使用目标文件定义的 template。
<template name="templateName">
<text>{{message}}</text>
</template>
在 index.ksml 中引用了 item.ksml，就可以使用 item 模板：
<import src="item.ksml"/>
<template is="item" data="{{text: 'forbar'}}"/>
include
include 可以将目标文件除了 <template/> 外的整个代码引入，相当于是拷贝到 include 位置，如：
<!-- index.ksml -->
<include src="header.ksml"/>
<view> body </view>
<include src="footer.ksml"/>
<!-- header.ksml -->
<view> header </view>
<!-- footer.ksml -->
<view> footer </view>
现如今，几乎所有的广告主都有属于自己的网站，并通过各大搜索引擎在网上进行宣传。快手就成为了如今广告主首选的平台，王尘宇广告八年互联网从业经验。团队完善，分工明确，能提供广告账户开通，账户内容策划、素材制作到广告上线，包括广告上线之后的账户跟踪优化、投放结果分析等全流程的服务，广告咨询电话：4009602809
评论列表