wl-design-mobile 0.8.13 → 0.8.15

package/btn/lambo-extend-btn.vue

@@ -1,121 +1,121 @@
-<template>
-  <div class="btn-sel" ref="btnSel">
-    <lambo-btn :type="type" :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon"
-               :loading="loading" :class="dynamicClass" @click="onClick"></lambo-btn>
-    <ul v-show="show" class="extend-ul" @click="toggleClick">
-      <slot></slot>
-    </ul>
-  </div>
-</template>
-<script>
-import LamboBtn from "./lambo-btn.vue";
-
-export default {
-  name: 'LamboExtendBtn',
-  components: {LamboBtn},
-  props: {
-    type: {
-      type: String,
-      default: 'text'
-    },
-    text: {
-      type: String,
-      default: '按钮'
-    },
-    size: {
-      type: String,
-      default: 'normal',
-    },
-    position: {
-      type: String,
-      default: 'right'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: "arrow-down"
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      show: false,
-    }
-  },
-  methods: {
-    onClick() {
-      this.show = !this.show;
-    },
-    handleClickOutside(event) {
-      const btnSel = this.$refs.btnSel;
-      if (btnSel && !btnSel.contains(event.target)) {
-        this.show = false;
-      }
-    },
-    toggleClick() {
-      this.show = !this.show;
-    }
-  },
-  mounted() {
-    document.addEventListener('click', this.handleClickOutside);
-  },
-  beforeDestroy() {
-    document.removeEventListener('click', this.handleClickOutside);
-  },
-  computed: {
-    dynamicClass() {
-      if (this.size === 'big') {
-        return {
-          "big-btn": true
-        }
-      } else if (this.size === 'small') {
-        return {
-          "small-btn": true
-        }
-      } else {
-        return {
-          "normal-btn": true
-        }
-      }
-    }
-  },
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.big-btn {
-  border: none;
-  min-width: 60px;
-  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;
-}
-
-.extend-ul {
-  position: absolute;
-  z-index: 999;
-}
-</style>
+<template>
+  <div class="btn-sel" ref="btnSel">
+    <lambo-btn :type="type" :text="text" :size="size" :position="position" :disabled="disabled" :icon="icon"
+               :loading="loading" :class="dynamicClass" @click="onClick"></lambo-btn>
+    <ul v-show="show" class="extend-ul" @click="toggleClick">
+      <slot></slot>
+    </ul>
+  </div>
+</template>
+<script>
+import LamboBtn from "./lambo-btn.vue";
+
+export default {
+  name: 'LamboExtendBtn',
+  components: {LamboBtn},
+  props: {
+    type: {
+      type: String,
+      default: 'text'
+    },
+    text: {
+      type: String,
+      default: '按钮'
+    },
+    size: {
+      type: String,
+      default: 'normal',
+    },
+    position: {
+      type: String,
+      default: 'right'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: "arrow-down"
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+    }
+  },
+  methods: {
+    onClick() {
+      this.show = !this.show;
+    },
+    handleClickOutside(event) {
+      const btnSel = this.$refs.btnSel;
+      if (btnSel && !btnSel.contains(event.target)) {
+        this.show = false;
+      }
+    },
+    toggleClick() {
+      this.show = !this.show;
+    }
+  },
+  mounted() {
+    document.addEventListener('click', this.handleClickOutside);
+  },
+  beforeDestroy() {
+    document.removeEventListener('click', this.handleClickOutside);
+  },
+  computed: {
+    dynamicClass() {
+      if (this.size === 'big') {
+        return {
+          "big-btn": true
+        }
+      } else if (this.size === 'small') {
+        return {
+          "small-btn": true
+        }
+      } else {
+        return {
+          "normal-btn": true
+        }
+      }
+    }
+  },
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.big-btn {
+  border: none;
+  min-width: 60px;
+  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;
+}
+
+.extend-ul {
+  position: absolute;
+  z-index: 999;
+}
+</style>

package/btn/lambo-icon-btn.vue

@@ -1,82 +1,82 @@
-<template>
-  <div>
-    <div class="icon-btn-div">
-      <van-button :icon="loadIcon" :class="dynamicClass" :loading="loading" :disabled="disabled"
-                  @click="handleClick"></van-button>
-    </div>
-  </div>
-</template>
-<script>
-
-export default {
-  name: "LamboIconBtn",
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    border: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-    handleClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  computed: {
-    loadIcon() {
-      return require('../assets/icon/' + this.icon)
-    },
-    dynamicClass() {
-      if (this.border === true) {
-        return {
-          "btn-icon-border": true
-        }
-      } else {
-        return {
-          "btn-icon-border0": true
-        }
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.btn-icon-border {
-  border: 1px solid #e5e5e5;
-  width: 40px;
-  height: 30px;
-  background-color: transparent;
-  font-size: 12px;
-  border-radius: 3px;
-}
-
-.btn-icon-border0 {
-  border: none;
-  width: 40px;
-  height: 30px;
-  background-color: transparent;
-  font-size: 12px;
-}
-
-/deep/ .icon-btn-div .van-icon__image {
-  width: 1em;
-}
-</style>
+<template>
+  <div>
+    <div class="icon-btn-div">
+      <van-button :icon="loadIcon" :class="dynamicClass" :loading="loading" :disabled="disabled"
+                  @click="handleClick"></van-button>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: "LamboIconBtn",
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    border: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  computed: {
+    loadIcon() {
+      return require('../assets/icon/' + this.icon)
+    },
+    dynamicClass() {
+      if (this.border === true) {
+        return {
+          "btn-icon-border": true
+        }
+      } else {
+        return {
+          "btn-icon-border0": true
+        }
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.btn-icon-border {
+  border: 1px solid #e5e5e5;
+  width: 40px;
+  height: 30px;
+  background-color: transparent;
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.btn-icon-border0 {
+  border: none;
+  width: 40px;
+  height: 30px;
+  background-color: transparent;
+  font-size: 12px;
+}
+
+/deep/ .icon-btn-div .van-icon__image {
+  width: 1em;
+}
+</style>

package/card-item/card-row-icon.vue

@@ -1,71 +1,71 @@
-<template>
-  <div class="titp1" style="line-height: 24px">
-    {{ name }}：
-    <p class="p"><img :src="pictureImg">{{ val }}</p>
-  </div>
-</template>
-<script>
-import picture from '../assets/icon/picture.png'
-
-export default {
-  name: "CardRowIcon",
-  components: {},
-  props: {
-    name: {
-      type: String
-    },
-    val: {
-      type: String
-    }
-  },
-  data() {
-    return {
-      pictureImg: picture,
-    }
-  },
-  methods: {},
-  created() {
-    console.log("row name:", this.name)
-    console.log("row val:", this.val)
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.titp1 {
-  font-size: 12px;
-  color: #666666;
-  margin-bottom: 14px;
-  display: flex;
-  justify-content: flex-start;
-}
-
-.titp1:last-child {
-  margin-bottom: 0;
-}
-
-.titp1 span {
-  font-family: Regular;
-  color: #333333;
-}
-
-.titp1 .p {
-  height: 24px;
-  line-height: 24px;
-  padding-right: 8px;
-  background: #F2F3F5;
-  color: #333333;
-  border-radius: var(--ind-border-radius-xxl);
-  display: flex;
-  justify-content: flex-start;
-}
-
-.titp1 img {
-  width: 24px;
-  height: 24px;
-  display: block;
-  margin-right: 5px;
-  border-radius: var(--ind-border-radius-round);
-}
-</style>
+<template>
+  <div class="titp1" style="line-height: 24px">
+    {{ name }}：
+    <p class="p"><img :src="pictureImg">{{ val }}</p>
+  </div>
+</template>
+<script>
+import picture from '../assets/icon/picture.png'
+
+export default {
+  name: "CardRowIcon",
+  components: {},
+  props: {
+    name: {
+      type: String
+    },
+    val: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      pictureImg: picture,
+    }
+  },
+  methods: {},
+  created() {
+    console.log("row name:", this.name)
+    console.log("row val:", this.val)
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.titp1 {
+  font-size: 12px;
+  color: #666666;
+  margin-bottom: 14px;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.titp1:last-child {
+  margin-bottom: 0;
+}
+
+.titp1 span {
+  font-family: Regular;
+  color: #333333;
+}
+
+.titp1 .p {
+  height: 24px;
+  line-height: 24px;
+  padding-right: 8px;
+  background: #F2F3F5;
+  color: #333333;
+  border-radius: var(--ind-border-radius-xxl);
+  display: flex;
+  justify-content: flex-start;
+}
+
+.titp1 img {
+  width: 24px;
+  height: 24px;
+  display: block;
+  margin-right: 5px;
+  border-radius: var(--ind-border-radius-round);
+}
+</style>

package/card-item/filtrate-row.vue

@@ -1,73 +1,73 @@
-<template>
-  <div class="filtrateList">
-    <div>筛选指标：
-      <img :src="arrangeImg" class="arrange" v-if="name === '降序'">
-      {{ name }}
-      <img :src="deleteImg" class="delete">
-    </div>
-  </div>
-</template>
-<script>
-import deletes from '../assets/icon/delete.png';
-import arrange from '../assets/icon/arrange.png';
-
-export default {
-  name: "filtrateRow",
-  components: {},
-  data() {
-    return {
-      arrangeImg: arrange,
-      deleteImg: deletes,
-    }
-  },
-  props: {
-    name: {
-      type: String
-    },
-    val: {
-      type: String
-    }
-  },
-  methods: {
-
-  },
-  created() {
-    console.log("row name:", this.name)
-    console.log("row val:", this.val)
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-  .filtrateList {
-    display: flex;
-    justify-content: flex-start;
-    float: left;
-  }
-  .filtrateList div {
-    height: 30px;
-    line-height: 30px;
-    font-size: var(--ind-font-size-sm);
-    color: var(--scl-gray-2);
-    font-family: Regular;
-    padding: 0 var(--ind-padding-xs);
-    margin: 0 6px 6px 0;
-    background: #F2F3F5;
-    border-radius: var(--ind-border-radius-xs);
-    display: flex;
-    justify-content: space-between;
-  }
-  .filtrateList div .arrange {
-    width: 12px;
-    height: 12px;
-    display: block;
-    margin: 9px 4px 0;
-  }
-  .filtrateList div .delete {
-    width: 16px;
-    height: 16px;
-    display: block;
-    margin: 7px 0 0 8px;
-  }
-</style>
+<template>
+  <div class="filtrateList">
+    <div>筛选指标：
+      <img :src="arrangeImg" class="arrange" v-if="name === '降序'">
+      {{ name }}
+      <img :src="deleteImg" class="delete">
+    </div>
+  </div>
+</template>
+<script>
+import deletes from '../assets/icon/delete.png';
+import arrange from '../assets/icon/arrange.png';
+
+export default {
+  name: "filtrateRow",
+  components: {},
+  data() {
+    return {
+      arrangeImg: arrange,
+      deleteImg: deletes,
+    }
+  },
+  props: {
+    name: {
+      type: String
+    },
+    val: {
+      type: String
+    }
+  },
+  methods: {
+
+  },
+  created() {
+    console.log("row name:", this.name)
+    console.log("row val:", this.val)
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+  .filtrateList {
+    display: flex;
+    justify-content: flex-start;
+    float: left;
+  }
+  .filtrateList div {
+    height: 30px;
+    line-height: 30px;
+    font-size: var(--ind-font-size-sm);
+    color: var(--scl-gray-2);
+    font-family: Regular;
+    padding: 0 var(--ind-padding-xs);
+    margin: 0 6px 6px 0;
+    background: #F2F3F5;
+    border-radius: var(--ind-border-radius-xs);
+    display: flex;
+    justify-content: space-between;
+  }
+  .filtrateList div .arrange {
+    width: 12px;
+    height: 12px;
+    display: block;
+    margin: 9px 4px 0;
+  }
+  .filtrateList div .delete {
+    width: 16px;
+    height: 16px;
+    display: block;
+    margin: 7px 0 0 8px;
+  }
+</style>