wl-design-mobile 0.8.19 → 0.8.21

package/icon/lambo-required-red-star.vue

@@ -1,47 +1,47 @@
-<template>
-  <div v-if="required === true" class="area-div">
-    <img :src="requiredReadIcon" class="icon-ep"/>
-  </div>
-
-  <div v-else class="area"/>
-
-</template>
-<script>
-import redIcon from '../assets/icon/required.png'
-
-export default {
-  name: 'LamboRequiredRedStar',
-  props: {
-    required: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      requiredReadIcon: redIcon,
-    }
-  },
-  methods: {}
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.area-div {
-  height: 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.icon-ep {
-  width: 8px;
-  height: 8px;
-}
-
-.area {
-  width: 8px;
-  height: 16px;
-}
-</style>
+<template>
+  <div v-if="required === true" class="area-div">
+    <img :src="requiredReadIcon" class="icon-ep"/>
+  </div>
+
+  <div v-else class="area"/>
+
+</template>
+<script>
+import redIcon from '../assets/icon/required.png'
+
+export default {
+  name: 'LamboRequiredRedStar',
+  props: {
+    required: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      requiredReadIcon: redIcon,
+    }
+  },
+  methods: {}
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.area-div {
+  height: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.icon-ep {
+  width: 8px;
+  height: 8px;
+}
+
+.area {
+  width: 8px;
+  height: 16px;
+}
+</style>

package/icon/lambo-vector-icon.vue

@@ -1,71 +1,71 @@
-<template>
-  <div class="vector-icon" :style="iconStyle" ref="vectorIcon"></div>
-</template>
-<script>
-
-/**
- * 图标组件，用途：统一系统内增删改查通用图标的样式。其他需求图标，自行实现
- * 图标路径："src/assets/icon"
- */
-export default {
-  name: "LamboVectorIcon",
-  components: {},
-  props: {
-    icon: String,   // "src/assets/icon"的图标名称
-    width: {
-      type: String,
-      default: "20px" // 默认宽度为 20px
-    },
-    height: {
-      type: String,
-      default: "20px" // 默认高度为 20px
-    },
-    position: {
-      type: String,
-      default: "center" // 默认居中
-    },
-    customStyle: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    iconStyle() {
-      return {
-        backgroundImage: `url(${this.loadIcon})`,
-        width: this.width,
-        height: this.height,
-        backgroundPosition: this.position,
-      }
-    },
-    loadIcon() {
-      // return new URL('../../../assets/icon/' + this.icon, import.meta.url).href
-      return require('../assets/icon/' + this.icon)
-
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    handleClick() {
-      this.$emit('click');
-    }
-  },
-  mounted() {
-    this.$refs.vectorIcon.addEventListener('click', this.handleClick);
-  },
-  beforeDestroy() {
-    this.$refs.vectorIcon.removeEventListener('click', this.handleClick);
-  },
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.vector-icon {
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-  background-position: center;
-}
-</style>
+<template>
+  <div class="vector-icon" :style="iconStyle" ref="vectorIcon"></div>
+</template>
+<script>
+
+/**
+ * 图标组件，用途：统一系统内增删改查通用图标的样式。其他需求图标，自行实现
+ * 图标路径："src/assets/icon"
+ */
+export default {
+  name: "LamboVectorIcon",
+  components: {},
+  props: {
+    icon: String,   // "src/assets/icon"的图标名称
+    width: {
+      type: String,
+      default: "20px" // 默认宽度为 20px
+    },
+    height: {
+      type: String,
+      default: "20px" // 默认高度为 20px
+    },
+    position: {
+      type: String,
+      default: "center" // 默认居中
+    },
+    customStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    iconStyle() {
+      return {
+        backgroundImage: `url(${this.loadIcon})`,
+        width: this.width,
+        height: this.height,
+        backgroundPosition: this.position,
+      }
+    },
+    loadIcon() {
+      // return new URL('../../../assets/icon/' + this.icon, import.meta.url).href
+      return require('../assets/icon/' + this.icon)
+
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
+  },
+  mounted() {
+    this.$refs.vectorIcon.addEventListener('click', this.handleClick);
+  },
+  beforeDestroy() {
+    this.$refs.vectorIcon.removeEventListener('click', this.handleClick);
+  },
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.vector-icon {
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+  background-position: center;
+}
+</style>