头条小程序
  • 爱学习公众号

    关注爱学习公众号

  • 扫码手机阅读更方便

推荐阅读
  • 头条小程序变量

    sjs 变量使用var关键字声明变量语法规范var 与 JavaScript 中表现一致,会有变量提升没有声明的变量直接赋值使用,会被定义为全局变量只声明变量而不赋值,默认值为 undefinedvar foo = 1;var bar = "hello world";var a; // a=== undefined变量名命名规则首字符必须是:字母(a

  • 头条小程序input

    input基础库 1.0.0 开始支持本组件。输入框组件,用于键盘交互。属性说明属性类型默认值必填说明最

  • 头条小程序picker-view

    picker-view基础库 1.0.0 开始支持本组件。嵌入页面的滚动选择器。属性说明属性名类型默认值说明最低版本valuenumber[]详见下方说明1.0.0indicator-stylestring设置选择器中间选中框的样式1.0.0mask-stylestring设置蒙层的样式1.0.0bindc

  • 头条小程序快速开始

    快速开始字节跳动小程序依托字节系全生态产品,为用户提供更智能、高效的链接内容与服务的方式。开发者能够利用字节跳动小程序丰富的基础能力,快速接入并完成小程序服务搭建。在正式开发小程序之前,你需要先了解注册账号、安装开发者工具、创建小程序等几个步骤。安装开发者工具在开发之前,你需要安装小程序开发工具。你可以直接进行开发者工具下载,根据所使用的操作系统来选择相应的安装包。安装完成后即可打开小程

  • 头条小程序页面生命周期

    生命周期下图说明了页面 Page 实例的生命周期。点击纠错开发者平台官方联系邮箱关于我们生命周期

  • 头条小程序获取手机号

    获取手机号获取用户绑定的手机号。需要用户主动通过 button 组件的点击来触发后才能发起获取手机号接口。(仅企业主体小程序可使用,且需要申请审核,点击查看申请说明)注意事项请谨慎使用,仅可在登录时使用!!!若用户举报较多或被发现在不必要场景下使用,字节跳动有权永久回收该小程序的该接口权限。使用(用户点击 button)前需先调用tt.login接口。如果在回调中调用 tt.login

  • 头条小程序text

    text基础库 1.0.0 开始支持本组件文本。属性说明属性名类型默认值说明最低版本selectableBooleanfalse是否可以选中文字1.0.0spaceStringfalse是否显示连续的空格,可以取值ensp emsp nbsp1.0.0decodeBooleanfalse是否转义1.0.0效果示例

  • 头条小程序启动程序

    启动程序App()App(params) 是框架启动小程序的入口函数,需要开发者可以通过 App(params)的参数指定小程序的生命周期函数和其他一些自定义参数。params 参数说明:属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时,会触发 onLa

  • 头条小程序模块化

    模块化可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。注意:exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口,除非你已经清晰知道这两者的关系小程

  • 头条小程序消息推送客服

    消息推送客服填写服务配置开发者使用账号登录开发者平台后,按提示填写相关信息,具体如下:URL:开发者用来接收消息的接口 URL。开发者所填写的 URL 默认以 https:// 开头,端口为 443。Token:可由开发者可以任意填写,用作生成签名,长度 3 ~ 32 个字符。选择消息数据格式:JSON 格式(默认)或 XML 格式。验证消息来自今日头条开发者提交信息后,今日头条

头条小程序progress

progress

基础库 1.0.0 开始支持本组件

进度条。


属性说明

属性名类型默认值说明最低版本
percentNumber0进度1.0.0
stroke-widthNumber6进度条的垂直宽度1.0.0
colorString#F85959进度条颜色,不建议使用,请使用 active-color1.0.0
active-colorString#F85959进度条颜色1.0.0
background-colorString#EBEBEB未达到进度的颜色1.0.0
activeBooleanfalse进度条动画1.0.0
active-modeStringbackwardsbackwards: 动画从头播;forwards:动画从上次结束点接着播1.0.0

效果示例


代码示例

开发者工具中预览

<progress percent="20" />

<progress percent="40" stroke-width="3" />

<progress percent="60" active />

<progress percent="80" color="#10AEFF" active active-mode="forwards" />
关于我们 免责声明 联系我们
Copyright © 2021 爱学习网 浙ICP备18049359号 网站地图 Google地图