【 服务热线 】4009602809

您的当前位置： 网站首页 疑难解答

快手广告投放-快手小程序（开发-组件）01

发布时间：2023-06-13 22:21:55 作者：巨宣网络 来源：juxuan.net 浏览量（118）

一、快手信息流广告-基础组件

1.icon

图标。组件属性的长度单位默认为px，支持rpx/px

属性

属性类型默认值必填说明
type'success' | 'success_no_circle' | 'info' | 'warn' | 'waiting' | 'cancel' | 'download' | 'search' | 'clear'否icon的类型
sizestring | number23否icon的大小
colorstring否icon的颜色，同css的color

KSML：

<view class='total'>

<view class='wrap'>

<view class='title'>icon类型</view>

<view class='content'>

<view style="width: 33.33%;" class='con' ks:for='{{icon.type}}'>

<icon type='{{item}}' />

<text>{{item}}</text>

</view>

</view>

</view>

<view class='wrap'>

<view class='title'>icon大小</view>

<view class='content'>

<view style="width: 33.33%;" class='con' ks:for='{{icon.size}}'>

<icon type='success' size='{{item}}' />

<text>{{item}}</text>

</view>

</view>

</view>

<view class='wrap'>

<view class='title'>icon颜色</view>

<view class='content'>

<view style="width: 33.33%;" class='con' ks:for='{{icon.color}}'>

<icon type='success' color='{{item}}' />

<text>{{item}}</text>

</view>

</view>

</view>

</view>

JS：

Page({

onShareAppMessage() {

return {

title: 'icon',

path: 'page/component/text/index'

}

},

data: {

icon:{

type:['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'],

color:['red','yellow','blue','green','pink','orange'],

size:[20,30,40,50,60,70]

}

}

}

CSS

.title{

font-size: 18px;

}

.content{

margin-top: 10px;

display: flex;

justify-content: space-between;

flex-wrap: wrap;

align-content: center;

}

.con{

margin-top: 10px;

display: flex;

flex-direction: column;

align-items: center;

}

快手信息流广告投放

2.快手广告投放-page-meta

页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。 通过这个节点可以获得类似于调用 ks.setBackgroundTextStyle ks.setBackgroundColor 等接口调用的效果。

属性

属性类型默认值必填说明
background-text-stylestring否下拉背景字体、loading 图的样式，仅支持 dark 和 light
background-colorstring否窗口的背景色，必须为十六进制颜色值
background-color-topstring否顶部窗口的背景色，必须为十六进制颜色值
background-color-bottomstring否底部窗口的背景色，必须为十六进制颜色值
root-background-colorstring否页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域
scroll-topstring否滚动位置，可以使用 px 或者 rpx 为单位，在被设置时，页面会滚动到对应位置
scroll-durationnumber300否滚动动画时长
page-stylestring否页面根节点样式
page-font-sizestring否页面 page 的字体大小，可以设置为 system ，表示使用当前用户设置的微信字体大小
root-font-sizestring否页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值, 也可以设置为 system
page-orientation实验性string否页面的方向，可为 auto portrait 或 landscape

3.快手广告代理-progress

进度条。组件属性的长度单位 rpx/px（默认为px）

属性

属性类型默认值必填说明
percentnumber否百分比0~100
show-infobooleanfalse否在进度条右侧显示百分比
border-radiusstring | number0否圆角大小
font-sizestring | number16否右侧百分比字体大小
stroke-widthstring | number6否进度条线的宽度
colorstring'#09BB07'否进度条颜色（请使用activeColor）
active-colorstring'#09BB07'否已选择的进度条的颜色
background-colorstring'#EBEBEB'否未选择的进度条的颜色
activebooleanfalse否进度条从左往右的动画
active-mode'backwards' | 'forwards''backwards'否backwards: 动画从头播；forwards：动画从上次结束点接着播
durationnumber30否进度增加1%所需毫秒
bindactiveend实验性eventhandle否动画完成事件

示例代码

kmsl：

<view class='total'>

<view class='wrap'>

<view>默认样式</view>

<progress class='top10' percent='10' />

</view>

<view class='wrap'>

<view class='dis-title'>

<view>显示百分比</view>

<view class='tit-right'>show-info</view>

</view>

<progress class='top10' show-info percent='20' />

</view>

<view class='wrap'>

<view class='dis-title'>

<view>从左往右动画</view>

<view class='tit-right'>active</view>

</view>

<progress

class='top10'

percent='{{percent}}'

active="true"

bindactiveend='activeEnd'

/>

</view>

<view class='wrap'>

<view class='dis-title'>

<view>进度条颜色</view>

<view class='tit-right'>active-color</view>

</view>

<progress class='top10' percent='50' active-color='#d9211e' />

</view>

<view class='wrap'>

<view class='dis-title'>

<view>进度条宽度</view>

<view class='tit-right'>stroke-width</view>

</view>

<progress class='top10' percent='70' stroke-width='11' />

</view>

<view class='wrap'>

<view class='dis-title'>

<view>圆角大小</view>

<view class='tit-right'>border-radius</view>

</view>

<progress class='top10' percent='85' border-radius='10px' />

</view>

</view>

JS：

Page({

onShareAppMessage(){

return {

title: 'progress',

path: 'page/component/progress/index'

}

},

data: {

percent: 0,

},

onShow() {

setTimeout(() => {

this.setData({

percent: 100

})

},0);

},

activeEnd(e){

console.log('动画完成',e)

},

})

快手视频广告推广

现在很多人都想要在快手上投放广告，来对自己的产品获取一个曝光，来引流，所以需要我们找到一家代理商来做快手的广告，快手推广现在代理商很多，选择对了也很关键！巨宣网络是全国快手广告的渠道商,从事快手广告投放已经多年,拥有专业的快手短视频广告运营能力！广告咨询电话：4009602809

公司优势

提供80+媒体资源

我司提供互联网广告营销服务超10年，拥有专业的人才储备

行业头部客户运营经验

拥有单账户日消耗百万运营经验，广告账户总量超1万！

专业建站/美工/拍摄团队

账户开通后，提供专业的建站运营服务，百名运营服务！

较高政策优惠

如无需我司进行代运营，可提供较高返点政策，靠谱！

开户流程

注意事项

首次开通账户注意哪些？
不论您是想投放那个媒体，都需要提前确定开户资质，避免因为资质不全无法上线，资质齐全才能上线广告，不论任何广告平台，资质齐全是广告上线最重要的第一步！
开通广告账户需要多少钱？
每个广告账户开户价格都有所差距，业内基础开户价格基本为5000元起充值，如低于该费用，需再三核实对方信息，避免上当受骗！
一般开通广告账户需要多长时间？
如果您的资质齐全，开户时间基本当天就可以下户，如行业较为特殊，开户时间基本不超过3个工作日。
开户后你们能做哪些服务？
开通广告账户后，我司可以协助广告主搭建落地页、上传广告素材、制作广告素材、效果优化等服务，我司拥有运营人员上百人！
可以帮助我们拍摄视频吗？
我司不提供免费视频拍摄，因目前各平台对于素材审核较为严格，视频素材如需我司提供需与我司客服沟通拍摄要求，视频拍摄价格从300元-3000元不等，根据广告主需求确定价格。
快手广告 快手视频广告 快手广告代理
上一篇：快手广告投放-快手小程序（开发-框架）15
下一篇：快手广告投放-快手小程序（开发-组件）02

相关内容

巨宣网络

专注信息流广告/直播广告/搜索广告/短视频广告开户服务！

联系我们