progress.uvue 4.1 KB
Newer Older
Y
init  
yurj26 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
























    export default {
        data() {
            return {
                title: 'progress',
                pgList: [0, 0, 0, 0] as number[]
            }
        },
        methods: {
            setProgress() {
                this.pgList = [20, 40, 60, 80] as number[]
            },
            clearProgress() {
                this.pgList = [0, 0, 0, 0] as number[]
            }
        }
    }


const GenPagesComponentProgressProgressStyles = [new Map<string, Map<string, Map<string, any>>>([["common-page-head", new Map<string, any>([["", new Map<string, any>([["paddingTop", "35rpx"], ["paddingRight", "35rpx"], ["paddingBottom", "35rpx"], ["paddingLeft", "35rpx"], ["flexDirection", "row"], ["justifyContent", "center"]])]])], ["common-page-head-title-box", new Map<string, any>([["", new Map<string, any>([["paddingTop", 0], ["paddingRight", "40rpx"], ["paddingBottom", 0], ["paddingLeft", "40rpx"], ["height", "88rpx"], ["borderBottomWidth", "2rpx"], ["borderBottomStyle", "solid"], ["borderBottomColor", "#D8D8D8"]])]])], ["common-page-head-title", new Map<string, any>([["", new Map<string, any>([["lineHeight", "88rpx"], ["fontSize", "30rpx"], ["color", "#BEBEBE"]])]])], ["progress-box", new Map<string, any>([["", new Map<string, any>([["height", "50rpx"], ["marginBottom", "60rpx"]])]])], ["progress-cancel", new Map<string, any>([["", new Map<string, any>([["marginLeft", "40rpx"]])]])], ["button", new Map<string, any>([["", new Map<string, any>([["marginTop", "20rpx"]])]])]])]
@Suppress("UNUSED_PARAMETER") function GenPagesComponentProgressProgressRender(_ctx: GenPagesComponentProgressProgress): VNode | null {
const _component_page_head = resolveComponent("page-head")
const _component_progress = resolveComponent("progress")
const _component_button = resolveComponent("button")

  return createElementVNode("view", null, [
    createVNode(_component_page_head, new Map<string, any | null>([["title", _ctx.title]]), null, 8 /* PROPS */, ["title"]),
    createElementVNode("view", new Map<string, any | null>([["class", "uni-padding-wrap uni-common-mt"]]), [
      createElementVNode("view", new Map<string, any | null>([["class", "progress-box"]]), [
        createVNode(_component_progress, new Map<string, any | null>([
          ["percent", _ctx.pgList[0]],
          ["show-info", true],
          ["stroke-width", 3]
        ]), null, 8 /* PROPS */, ["percent"])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "progress-box"]]), [
        createVNode(_component_progress, new Map<string, any | null>([
          ["percent", _ctx.pgList[1]],
          ["stroke-width", 3]
        ]), null, 8 /* PROPS */, ["percent"])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "progress-box"]]), [
        createVNode(_component_progress, new Map<string, any | null>([
          ["percent", _ctx.pgList[2]],
          ["stroke-width", 3]
        ]), null, 8 /* PROPS */, ["percent"])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "progress-box"]]), [
        createVNode(_component_progress, new Map<string, any | null>([
          ["percent", _ctx.pgList[3]],
          ["activeColor", "#10AEFF"],
          ["stroke-width", 3]
        ]), null, 8 /* PROPS */, ["percent"])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "progress-control"]]), [
        createVNode(_component_button, new Map<string, any | null>([
          ["type", "primary"],
          ["onClick", _ctx.setProgress],
          ["class", "button"]
        ]), new Map<string, any | null>([
          ["default", ((): any[] => ["设置进度"])],
          ["_", 1 /* STABLE */]
        ]), 8 /* PROPS */, ["onClick"]),
        createVNode(_component_button, new Map<string, any | null>([
          ["type", "warn"],
          ["onClick", _ctx.clearProgress],
          ["class", "button"]
        ]), new Map<string, any | null>([
          ["default", ((): any[] => ["清除进度"])],
          ["_", 1 /* STABLE */]
        ]), 8 /* PROPS */, ["onClick"])
      ])
    ])
  ])
}