wl-design-mobile 0.8.13 → 0.8.15

package/btn/components/lambo-text-btn.vue

@@ -1,116 +1,116 @@
-<template>
-  <div>
-    <div class="text-btn-div">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading"
-                  :type="'default'" :class="dynamicClass" size="normal" @click="handleClick"> {{ text }}
-        <slot name="extend"></slot>
-      </van-button>
-    </div>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboTextBtn',
-  components: {},
-  props: {
-    text: {
-      type: String,
-      default: '中号按钮'
-    },
-    position: {
-      type: String,
-      default: 'left'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: "normal"
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    handleClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  computed: {
-    dynamicClass() {
-      if (this.size === 'big') {
-        return {
-          "big-btn": true
-        }
-      } else if (this.size === 'small') {
-        return {
-          "small-btn": true
-        }
-      } else {
-        return {
-          "normal-btn": true
-        }
-      }
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../../styles/index.less";
-
-.big-btn {
-  border: none;
-  width: 100%;
-  height: 38px;
-  font-size: 14px;
-  border-radius: 3px;
-}
-
-.normal-btn {
-  border: none;
-  min-width: 60px;
-  height: 30px;
-  font-size: 12px;
-  border-radius: 3px;
-}
-
-.small-btn {
-  border: none;
-  min-width: 60px;
-  height: 27px;
-  font-size: 11px;
-  border-radius: 3px;
-}
-
-/*无框类型按钮样式 */
-/deep/ .text-btn-div .van-button--default {
-  background: var(--scl-white-1);
-  border: none;
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .text-btn-div .van-button--disabled {
-  opacity: 1;
-  color: #000000;
-  border: none;
-  background-color: var(--scl-white-1);
-}
-</style>
+<template>
+  <div>
+    <div class="text-btn-div">
+      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading"
+                  :type="'default'" :class="dynamicClass" size="normal" @click="handleClick"> {{ text }}
+        <slot name="extend"></slot>
+      </van-button>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboTextBtn',
+  components: {},
+  props: {
+    text: {
+      type: String,
+      default: '中号按钮'
+    },
+    position: {
+      type: String,
+      default: 'left'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "normal"
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  computed: {
+    dynamicClass() {
+      if (this.size === 'big') {
+        return {
+          "big-btn": true
+        }
+      } else if (this.size === 'small') {
+        return {
+          "small-btn": true
+        }
+      } else {
+        return {
+          "normal-btn": true
+        }
+      }
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../../styles/index.less";
+
+.big-btn {
+  border: none;
+  width: 100%;
+  height: 38px;
+  font-size: 14px;
+  border-radius: 3px;
+}
+
+.normal-btn {
+  border: none;
+  min-width: 60px;
+  height: 30px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.small-btn {
+  border: none;
+  min-width: 60px;
+  height: 27px;
+  font-size: 11px;
+  border-radius: 3px;
+}
+
+/*无框类型按钮样式 */
+/deep/ .text-btn-div .van-button--default {
+  background: var(--scl-white-1);
+  border: none;
+  color: var(--scl-blue);
+}
+
+/*无框按钮不可用按钮样式*/
+/deep/ .text-btn-div .van-button--disabled {
+  opacity: 1;
+  color: #000000;
+  border: none;
+  background-color: var(--scl-white-1);
+}
+</style>

package/btn/lambo-btn-divide.vue

@@ -1,35 +1,35 @@
-<template>
-  <div class="container-divide">
-    <slot></slot>
-  </div>
-</template>
-<script>
-import LamboBtn from "../btn/lambo-btn.vue";
-
-export default {
-  name: "LamboBtnDivide",
-  components: {LamboBtn},
-  props: {},
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  }
-}
-</script>
-<style scoped>
-.container-divide {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  flex-direction: row;
-  gap: 6px;
-}
-
-.container-divide /deep/ .btn-sel {
-  flex: 1;
-}
-</style>
+<template>
+  <div class="container-divide">
+    <slot></slot>
+  </div>
+</template>
+<script>
+import LamboBtn from "../btn/lambo-btn.vue";
+
+export default {
+  name: "LamboBtnDivide",
+  components: {LamboBtn},
+  props: {},
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+<style scoped>
+.container-divide {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  flex-direction: row;
+  gap: 6px;
+}
+
+.container-divide /deep/ .btn-sel {
+  flex: 1;
+}
+</style>

package/btn/lambo-btn-group.vue

@@ -1,46 +1,46 @@
-<template>
-  <div class="button-group">
-    <slot></slot>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboBtnGroup',
-  components: {},
-  props: {},
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.button-group {
-  display: flex;
-  padding: 0 14px;
-  background-color: var(--scl-white-1);
-  border-bottom: 1px var(--scl-white-2);
-}
-
-.button-group /deep/ .btn-sel {
-  flex: 1;
-  text-align: center;
-}
-
-/*.button-group /deep/ .btn-sel:nth-child(n+2) {
-  border-left: 1px solid var(--scl-white-2);
-}*/
-</style>
+<template>
+  <div class="button-group">
+    <slot></slot>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'LamboBtnGroup',
+  components: {},
+  props: {},
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.button-group {
+  display: flex;
+  padding: 0 14px;
+  background-color: var(--scl-white-1);
+  border-bottom: 1px var(--scl-white-2);
+}
+
+.button-group /deep/ .btn-sel {
+  flex: 1;
+  text-align: center;
+}
+
+/*.button-group /deep/ .btn-sel:nth-child(n+2) {
+  border-left: 1px solid var(--scl-white-2);
+}*/
+</style>

package/btn/lambo-btn-split-line.vue

@@ -1,41 +1,41 @@
-<template>
-  <div class="line-parent-div">
-    <div class="line-div"></div>
-  </div>
-</template>
-<script>
-
-export default {
-  components: {},
-  props: {
-    // 后期竖线长度和居中水平，根据插槽元素调整，目前只实现normal大小的。
-    // size: {
-    //   type: String,
-    //   default: 'normal',
-    // }
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  }
-}
-</script>
-<style scoped>
-.line-parent-div {
-  height: 27px;
-  width: 1px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.line-div {
-  height: 12px;
-  width: 1px;
-  background-color: var(--scl-white-2);
-}
-</style>
+<template>
+  <div class="line-parent-div">
+    <div class="line-div"></div>
+  </div>
+</template>
+<script>
+
+export default {
+  components: {},
+  props: {
+    // 后期竖线长度和居中水平，根据插槽元素调整，目前只实现normal大小的。
+    // size: {
+    //   type: String,
+    //   default: 'normal',
+    // }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+<style scoped>
+.line-parent-div {
+  height: 27px;
+  width: 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.line-div {
+  height: 12px;
+  width: 1px;
+  background-color: var(--scl-white-2);
+}
+</style>

package/btn/lambo-btn.vue

@@ -1,68 +1,68 @@
-<template>
-  <div class="btn-sel">
-    <template v-if="type === 'info'">
-      <lambo-info-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-info-btn>
-    </template>
-    <template v-else-if="type === 'text'">
-      <lambo-text-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-text-btn>
-    </template>
-    <template v-else>
-      <lambo-primary-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-primary-btn>
-    </template>
-  </div>
-</template>
-<script>
-import LamboInfoBtn from "./components/lambo-info-btn.vue";
-import LamboTextBtn from "./components/lambo-text-btn.vue";
-import LamboPrimaryBtn from "./components/lambo-primary-btn.vue";
-
-export default {
-  name: "LamboBtn",
-  components: {LamboPrimaryBtn, LamboTextBtn, LamboInfoBtn},
-  props: {
-    type: {
-      type: String,
-      default: 'primary'
-    },
-    text: {
-      type: String,
-      default: '按钮'
-    },
-    size: {
-      type: String,
-      default: 'normal',
-    },
-    position: {
-      type: String,
-      default: 'left'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-    handleClick(event) {
-      if (event) {
-        this.$emit('click', event);
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-
-</style>
+<template>
+  <div class="btn-sel">
+    <template v-if="type === 'info'">
+      <lambo-info-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-info-btn>
+    </template>
+    <template v-else-if="type === 'text'">
+      <lambo-text-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-text-btn>
+    </template>
+    <template v-else>
+      <lambo-primary-btn :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon" :loading="loading" @click="handleClick"></lambo-primary-btn>
+    </template>
+  </div>
+</template>
+<script>
+import LamboInfoBtn from "./components/lambo-info-btn.vue";
+import LamboTextBtn from "./components/lambo-text-btn.vue";
+import LamboPrimaryBtn from "./components/lambo-primary-btn.vue";
+
+export default {
+  name: "LamboBtn",
+  components: {LamboPrimaryBtn, LamboTextBtn, LamboInfoBtn},
+  props: {
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    text: {
+      type: String,
+      default: '按钮'
+    },
+    size: {
+      type: String,
+      default: 'normal',
+    },
+    position: {
+      type: String,
+      default: 'left'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    handleClick(event) {
+      if (event) {
+        this.$emit('click', event);
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>