仿互站小程序

2020-06-09 16:17:23 +08:00
commit 7bfd53851e
321 changed files with 22890 additions and 0 deletions
--- a/vant/progress/index.js
+++ b/vant/progress/index.js
@@ -0,0 +1,61 @@
+var t = require("../common/component"), o = require("../common/color");
+
+(0, t.VantComponent)({
+    props: {
+        inactive: Boolean,
+        percentage: Number,
+        pivotText: String,
+        pivotColor: String,
+        showPivot: {
+            type: Boolean,
+            value: !0
+        },
+        color: {
+            type: String,
+            value: o.BLUE
+        },
+        textColor: {
+            type: String,
+            value: "#fff"
+        }
+    },
+    data: {
+        pivotWidth: 0,
+        progressWidth: 0
+    },
+    watch: {
+        pivotText: "getWidth",
+        showPivot: "getWidth"
+    },
+    computed: {
+        portionStyle: function() {
+            return "width: " + ((this.data.progressWidth - this.data.pivotWidth) * this.data.percentage / 100 + "px") + "; background: " + this.getCurrentColor() + "; ";
+        },
+        pivotStyle: function() {
+            return "color: " + this.data.textColor + "; background: " + (this.data.pivotColor || this.getCurrentColor());
+        },
+        text: function() {
+            return this.data.pivotText || this.data.percentage + "%";
+        }
+    },
+    mounted: function() {
+        this.getWidth();
+    },
+    methods: {
+        getCurrentColor: function() {
+            return this.data.inactive ? "#cacaca" : this.data.color;
+        },
+        getWidth: function() {
+            var t = this;
+            this.getRect(".van-progress").then(function(o) {
+                t.set({
+                    progressWidth: o.width
+                });
+            }), this.getRect(".van-progress__pivot").then(function(o) {
+                t.set({
+                    pivotWidth: o.width || 0
+                });
+            });
+        }
+    }
+});