快手廣告投放-快手小程序（開發-框架）03

一、快手視頻廣告投放-開發.json 文件

每(mei)一個(ge)小程序頁(ye)面也可以使用同名 .json 文件來對本頁(ye)面的窗口(kou)表現進行配置，頁(ye)面中(zhong)配置項(xiang)會覆蓋 app.json 的 window 中(zhong)相同的配置項(xiang)。 代碼示例

{ "navigationBarBackgroundColor": "#fff", "navigationBarTextStyle": "black", "navigationBarTitleText": "快手接口功(gong)能演(yan)示", "backgroundColor": "#ddd", "backgroundTextStyle": "light"

}

配置項

頁面(mian)配置(zhi)中(zhong)只能設置(zhi) app.json 中(zhong) window 對應(ying)的(de)配置(zhi)項，以決(jue)定本頁面(mian)的(de)窗口表現，所以無需(xu)寫 window 這個屬(shu)性(xing)。

KSML 語法

是快(kuai)手小(xiao)程序框(kuang)架設計的一套標簽語言，結合基礎組(zu)件(jian)、事件(jian)系統，可以構建出頁面的結構。

KSML 能力：

數據綁定

KSML 中的動態數(shu)據綁定(ding)來自對應 js 中的 data。

<!-- ksml -->

<view> {{message}} </view>

// page.jsPage({ data: { message: 'Hello ks!' }

}

列表渲染

使用(yong) ks:for 綁定一個數(shu)(shu)組，可實現由數(shu)(shu)組數(shu)(shu)據來重復渲(xuan)染該組件(jian)。 數(shu)(shu)組當(dang)(dang)前項默認(ren)為item，當(dang)(dang)前項下標默認(ren)為index。

<!--ksml-->

<view ks:for="{{array}}">; {{item}} </view>

// page.jsPage({ data: { array: [1, 2, 3, 4, 5] }

})

使用ks:for-item可(ke)以(yi)指定數(shu)組當前元素(su)的變(bian)量名。

使用ks:for-index可以指定數組當前下標的(de)變量名。

條件渲染

使用ks:if=""來(lai)判斷是否需(xu)要渲染該代碼塊。

也(ye)可以使用(yong)ks:elif和ks:else來添加(jia)一個 else 塊:

<!--ksml-->

<view ks:if="{{pc}}"&gt; pc </view>

<view ks:elif=";{{mobile}}"> mobile </view>

<view ks:else=&quot;{{pad}}"> pad </view>

// page.jsPage({ data: { pc: false, mobile: true, pad: false }

})

模板

可(ke)以在模(mo)板中定義代碼片(pian)(pian)段，然(ran)后(hou)(hou)在不(bu)同(tong)的(de)(de)(de)地(di)方調用(yong)(yong)(yong)。使用(yong)(yong)(yong) name 作為模(mo)板的(de)(de)(de)名(ming)字。然(ran)后(hou)(hou)在<template/>內定義代碼片(pian)(pian)段。使用(yong)(yong)(yong) is 屬(shu)性，聲明需要(yao)的(de)(de)(de)使用(yong)(yong)(yong)的(de)(de)(de)模(mo)板，然(ran)后(hou)(hou)將模(mo)板所需要(yao)的(de)(de)(de) data 傳(chuan)入(ru)。

<!--ksml-->

<template name="templateName"> <view> {{ name }}{{ age }}

</view>

</template>

<template is="templateName" data=&quot;{{...templateData}}"/>;

// page.js

Page({

data: {

templateData: {

name: 'name',

age: '22'

}

}

})

引用

KSML 提供兩種文件引用方式 import 和 include。

import

import 可(ke)以在該(gai)文(wen)件中(zhong)使用(yong)目(mu)標(biao)文(wen)件定義的(de) template。

<template name="templateName">

<text>{{message}}</text>

</template>

在 index.ksml 中引用了 item.ksml，就可(ke)以使用 item 模板：

<import src="item.ksml"/>

<template is="item" data="{{text: 'forbar'}}"/>

include

include 可以將目標文件除了(le) <template/> 外的整個代(dai)碼引入，相當于是拷(kao)貝(bei)到(dao) include 位置，如：

<!-- index.ksml -->

<include src="header.ksml"/>

<view> body </view>

<include src="footer.ksml"/>

<!-- header.ksml -->

<view> header </view>

<!-- footer.ksml -->

<view> footer </view>

現如(ru)今，幾乎所(suo)有(you)(you)的(de)廣告(gao)主都(dou)有(you)(you)屬于自己的(de)網(wang)站，并(bing)通過各大搜索引擎在網(wang)上(shang)進(jin)行宣(xuan)傳(chuan)。快手(shou)就成為了如(ru)今廣告(gao)主首選(xuan)的(de)平臺，巨宣(xuan)網(wang)絡廣告(gao)八年(nian)互聯網(wang)從業經(jing)驗。團(tuan)隊完(wan)善，分工(gong)明(ming)確，能提供廣告(gao)賬戶開通，賬戶內(nei)容策(ce)劃、素材制作到廣告(gao)上(shang)線(xian)，包括(kuo)廣告(gao)上(shang)線(xian)之后的(de)賬戶跟(gen)蹤優化、投放結(jie)果分析(xi)等(deng)全流程(cheng)的(de)服務，廣告(gao)咨詢電(dian)話：4009602809

公司優勢

開戶流程

注意事項