text: (window.webpackJsonp=window.webpackJsonp||[]).push([[126],{549:function(t,e,l){"use strict";l.r(e);var a=l(25),v=Object(a.a)({},(function(){var t=this,e=t.$createElement,l=t._self._c||e;return l("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[l("h1",{attrs:{id:"圆型进度条-circle"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#圆型进度条-circle"}},[t._v("#")]),t._v(" "),l("H2Icon"),t._v(" 圆型进度条 Circle")],1),t._v(" "),l("blockquote",[l("p",[t._v("用来展示当前事件进度。")])]),t._v(" "),l("h2",{attrs:{id:"百分比"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#百分比"}},[t._v("#")]),t._v(" 百分比")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("percent")]),t._v("属性设置进度条当前进度，取值0~100，默认为0.")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50'></l-circle>\n")])])]),l("h2",{attrs:{id:"外圆直径"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#外圆直径"}},[t._v("#")]),t._v(" 外圆直径")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("outer-diameter")]),t._v("属性设置进度条外圆的直径，默认值220，单位"),l("code",[t._v("rpx")]),t._v(". 进度条的宽窄可以通过设置内外圆直径来控制。")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' outer-diameter='150'></l-circle>\n")])])]),l("h2",{attrs:{id:"内圆直径"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#内圆直径"}},[t._v("#")]),t._v(" 内圆直径")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("inner-diameter")]),t._v("属性设置进度条内圆的直径，默认值170，单位"),l("code",[t._v("rpx")]),t._v(".进度条的宽窄可以通过设置内外圆直径来控制。")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v(" <l-circle percent='50' inner-diameter='80'></l-circle>\n")])])]),l("h2",{attrs:{id:"已选择的进度条颜色"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#已选择的进度条颜色"}},[t._v("#")]),t._v(" 已选择的进度条颜色")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("active-color")]),t._v("属性可以设置已选择的进度条颜色，默认为主题色。（关于主题色设置请阅读"),l("a",{attrs:{href:"http://doc.mini.talelin.com/start/#%E8%87%AA%E5%AE%9A%E4%B9%89%E9%85%8D%E7%BD%AE",target:"_blank",rel:"noopener noreferrer"}},[t._v("入门介绍-主题色更改"),l("OutboundLink")],1),t._v("）")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' active-color='red'></l-circle>\n")])])]),l("h2",{attrs:{id:"未选择的进度条颜色"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#未选择的进度条颜色"}},[t._v("#")]),t._v(" 未选择的进度条颜色")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("background-color")]),t._v("属性可以设置未选择的进度条颜色，默认颜色"),l("code",[t._v("#EBEBEB")]),t._v("。")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' background-color='green'></l-circle>\n")])])]),l("h2",{attrs:{id:"中间的背景颜色"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#中间的背景颜色"}},[t._v("#")]),t._v(" 中间的背景颜色")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("inner-color")]),t._v("属性可以设置中间背景颜色，默认颜色"),l("code",[t._v("#FFFFFF")]),t._v("。")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' inner-color='yellow'></l-circle>\n")])])]),l("h2",{attrs:{id:"显示数值"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#显示数值"}},[t._v("#")]),t._v(" 显示数值")]),t._v(" "),l("p",[t._v("通过设置"),l("code",[t._v("show-value")]),t._v("属性为"+t._s(!0)+"，可以显示当前百分比数值，默认为"),l("code",[t._v("false")]),t._v(".")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' show-value='{{true}}'></l-circle>\n")])])]),l("h2",{attrs:{id:"文字颜色"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#文字颜色"}},[t._v("#")]),t._v(" 文字颜色")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("value-color")]),t._v("属性，可以设置文字颜色，默认为黑色。")]),t._v(" "),l("p",[t._v("示例代码")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' show-info='{{true}}' value-color='red'></l-circle>\n")])])]),l("h2",{attrs:{id:"文字大小"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#文字大小"}},[t._v("#")]),t._v(" 文字大小")]),t._v(" "),l("p",[t._v("通过"),l("code",[t._v("value-size")]),t._v("属性，可以设置文字的字体大小，默认25，单位"),l("code",[t._v("rpx")])]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v("<l-circle percent='50' show-info='{{true}}' value-size='30'></l-circle>\n")])])]),l("h2",{attrs:{id:"自定义背景"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#自定义背景"}},[t._v("#")]),t._v(" 自定义背景")]),t._v(" "),l("p",[t._v("通过默认插槽自定义中间背景图案。\n注：自定义背景和文字显示不能同时设置。")]),t._v(" "),l("div",{staticClass:"language-wxml extra-class"},[l("pre",{pre:!0,attrs:{class:"language-text"}},[l("code",[t._v('<l-circle percent=\'50\'>\n    <image src="timg.jpeg" style="width:90rpx;height:90rpx;border-radius:50%;display:block;" />\n</l-circle>\n')])])]),l("h2",{attrs:{id:"进度条属性"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#进度条属性"}},[t._v("#")]),t._v(" 进度条属性")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("参数")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("可选值")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("版本")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("percent")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("百分比")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0~100")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("outer-diameter")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("外圆直径")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number/string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("220,单位"),l("code",[t._v("rpx")])]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("inner-diameter")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("内圆直径")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("number/string")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("170,单位"),l("code",[t._v("rpx")])]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("active-color")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("已选择的进度条的颜色")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("主题色")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("background-color")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("未选择的进度条的颜色")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("#EBEBEB")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("inner-color")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("中间部分的背景颜色")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("#FFFFFF")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("show-value")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("显示当前百分比数值")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("false")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("value-color")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("文字颜色")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("value-size")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("文字大小")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("-")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("25,单位"),l("code",[t._v("rpx")])]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("active")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("是否开启进度条动画")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("false")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])]),t._v(" "),l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("duration")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("进度增加1%所需毫秒数")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("30，单位毫秒")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])])])]),t._v(" "),l("h2",{attrs:{id:"外部样式类"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#外部样式类"}},[t._v("#")]),t._v(" 外部样式类")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("外部样式类")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("备注")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("版本")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("l-value-class")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("文本的外部样式类")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])])])]),t._v(" "),l("h2",{attrs:{id:"插槽"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#插槽"}},[t._v("#")]),t._v(" 插槽")]),t._v(" "),l("table",[l("thead",[l("tr",[l("th",{staticStyle:{"text-align":"left"}},[t._v("插槽名")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("备注")]),t._v(" "),l("th",{staticStyle:{"text-align":"left"}},[t._v("版本")])])]),t._v(" "),l("tbody",[l("tr",[l("td",{staticStyle:{"text-align":"left"}},[t._v("默认插槽")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("自定义中间的背景图案")]),t._v(" "),l("td",{staticStyle:{"text-align":"left"}}),t._v(" "),l("td",{staticStyle:{"text-align":"left"}},[t._v("0.8.5")])])])]),t._v(" "),l("RightMenu")],1)}),[],!1,null,null,null);e.default=v.exports}}]);