wl-design-mobile 0.0.4 → 0.0.6

package/search/styles/css/index.css

@@ -1,126 +1,126 @@
-.search-top-pop {
-    min-height: 145px;
-    max-height: 320px;
-    background-color: var(--scl-white-1)
-}
-
-.search-body {
-    border-top: none;
-    min-height: 70px;
-    max-height: 245px;
-    overflow: auto;
-}
-
-.search-bottom-btn {
-    padding: 18px 14px 14px 14px;
-}
-
-
-/*日期选择*/
-.search-row {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: nowrap;
-    align-items: center;
-    align-content: center;
-    height: 70px;
-    padding: 18px 0;
-    margin: 0 14px;
-    border-bottom: 1px solid var(--scl-white-2);
-    border-top: none;
-}
-
-.search-input-title {
-    height: 16px;
-    font-size: 12px;
-    color: var(--scl-gray-2);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 12px;
-    width: 76px;
-}
-
-.search-lambo-input {
-    border: none;
-    outline: none;
-    background: none;
-    height: 16px;
-    font-size: 12px;
-    color: var(--scl-gray-1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 8px;
-    flex: 1;
-}
-
-
-/*输入框*/
-
-.search-lambo-input .van-cell {
-    padding: 10px 0;
-}
-
-
-/*多选*/
-
-.search-top-div {
-    display: flex;
-    justify-content: space-between;
-    height: 44px;
-    line-height: 44px;
-    width: 100%;
-    position: fixed;
-    z-index: 300;
-}
-
-.search-cancel-btn {
-    border: none;
-    color: var(--scl-gray-3);
-}
-
-.search-confirm-btn {
-    border: none;
-    color: var(--scl-blue);
-}
-
-.search-select-title {
-    font-size: 16px;
-    font-weight: bold;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-radio-group {
-    position: relative;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell-group {
-    padding-top: 44px;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell:first-child {
-    padding-top: 10px;
-}
-
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar {
-    width: 6px;
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-thumb {
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(45, 140, 240, 0.6);
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(231, 242, 250, 0.4);
+.search-top-pop {
+    min-height: 145px;
+    max-height: 320px;
+    background-color: var(--scl-white-1)
+}
+
+.search-body {
+    border-top: none;
+    min-height: 70px;
+    max-height: 245px;
+    overflow: auto;
+}
+
+.search-bottom-btn {
+    padding: 18px 14px 14px 14px;
+}
+
+
+/*日期选择*/
+.search-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    align-items: center;
+    align-content: center;
+    height: 70px;
+    padding: 18px 0;
+    margin: 0 14px;
+    border-bottom: 1px solid var(--scl-white-2);
+    border-top: none;
+}
+
+.search-input-title {
+    height: 16px;
+    font-size: 12px;
+    color: var(--scl-gray-2);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 12px;
+    width: 76px;
+}
+
+.search-lambo-input {
+    border: none;
+    outline: none;
+    background: none;
+    height: 16px;
+    font-size: 12px;
+    color: var(--scl-gray-1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 8px;
+    flex: 1;
+}
+
+
+/*输入框*/
+
+.search-lambo-input .van-cell {
+    padding: 10px 0;
+}
+
+
+/*多选*/
+
+.search-top-div {
+    display: flex;
+    justify-content: space-between;
+    height: 44px;
+    line-height: 44px;
+    width: 100%;
+    position: fixed;
+    z-index: 300;
+}
+
+.search-cancel-btn {
+    border: none;
+    color: var(--scl-gray-3);
+}
+
+.search-confirm-btn {
+    border: none;
+    color: var(--scl-blue);
+}
+
+.search-select-title {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-radio-group {
+    position: relative;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell-group {
+    padding-top: 44px;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell:first-child {
+    padding-top: 10px;
+}
+
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar {
+    width: 6px;
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-thumb {
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(45, 140, 240, 0.6);
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(231, 242, 250, 0.4);
 }

package/styles/base.less

@@ -33,6 +33,7 @@
   --scl-gray-4: #999999;
   --scl-gray-5: #CCCCCC;
   --scl-gray-6: #DDDDDD;
+  --scl-gray-7: #F5F5F5;
 
   --scl-red-1: #e84c6b;
   --scl-red-2: #fb6d5f;

package/util/assist.js

@@ -1,43 +1,43 @@
-// 深拷贝
-export function deepCopy(data) {
-  let i;
-  const t = typeOf(data);
-  let o;
-
-  if (t === 'array') {
-    o = [];
-  } else if (t === 'object') {
-    o = {};
-  } else {
-    return data;
-  }
-
-  if (t === 'array') {
-    for (i = 0; i < data.length; i++) {
-      o.push(deepCopy(data[i]));
-    }
-  } else if (t === 'object') {
-    for (i in data) {
-      o[i] = deepCopy(data[i]);
-    }
-  }
-  return o;
-}
-
-// 判断对象类型
-export function typeOf(obj) {
-  const toString = Object.prototype.toString;
-  const map = {
-    '[object Boolean]': 'boolean',
-    '[object Number]': 'number',
-    '[object String]': 'string',
-    '[object Function]': 'function',
-    '[object Array]': 'array',
-    '[object Date]': 'date',
-    '[object RegExp]': 'regExp',
-    '[object Undefined]': 'undefined',
-    '[object Null]': 'null',
-    '[object Object]': 'object'
-  };
-  return map[toString.call(obj)];
-}
+// 深拷贝
+export function deepCopy(data) {
+  let i;
+  const t = typeOf(data);
+  let o;
+
+  if (t === 'array') {
+    o = [];
+  } else if (t === 'object') {
+    o = {};
+  } else {
+    return data;
+  }
+
+  if (t === 'array') {
+    for (i = 0; i < data.length; i++) {
+      o.push(deepCopy(data[i]));
+    }
+  } else if (t === 'object') {
+    for (i in data) {
+      o[i] = deepCopy(data[i]);
+    }
+  }
+  return o;
+}
+
+// 判断对象类型
+export function typeOf(obj) {
+  const toString = Object.prototype.toString;
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  };
+  return map[toString.call(obj)];
+}

package/util/bus.js

@@ -1,4 +1,4 @@
-import Vue from 'vue'
-
-const Bus = new Vue();
-export default Bus;
+import Vue from 'vue'
+
+const Bus = new Vue();
+export default Bus;

package/btn/lambo-big-button.vue

@@ -1,125 +0,0 @@
-<template>
-  <div class="btns">
-    <ul class="big-btn-ul">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
-                  :type="type" class="big-btn" size="large" @click="handleClick"> {{ text }}
-        <slot name="extend"></slot>
-      </van-button>
-
-    </ul>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboBigButton',
-  components: {},
-  props: {
-    /**
-     * 填充类型按钮  plain传false type传primary
-     * 线框类型按钮  plain传true type传info
-     * 无框类型按钮  plain传false type传default
-     */
-    type: {
-      type: String,
-      default: 'primary'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: String,
-      default: '大号按钮'
-    },
-    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) {
-      this.$emit('click', event);
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.big-btn {
-  height: 38px;
-  border-radius: 3px;
-}
-
-/*填充按钮primary类型按钮样式 */
-/deep/ .big-btn-ul .van-button--primary {
-  background: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*填充按钮primary类型不可用按钮样式 */
-/deep/ .big-btn-ul .van-button--disabled {
-  cursor: not-allowed;
-  opacity: 1;
-  background-color: var(--scl-gray-6);
-  color: #000000;
-  border: 0px solid var(--scl-gray-6);
-}
-
-/*按钮文字样式*/
-/deep/ .big-btn-ul .van-button__text {
-  font-size: 14px;
-  padding: 10px 0px;
-  font-family: 微软雅黑, serif Regular;
-}
-
-/*线框按钮按钮样式*/
-/deep/ .big-btn-ul .van-button--plain.van-button--info {
-  color: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*线框按钮不可用按钮样式*/
-/deep/ .big-btn-ul .van-button--plain.van-button--info.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-gray-6);
-  background-color: #ffffff;
-}
-
-/*无框类型按钮样式 */
-/deep/ .big-btn-ul .van-button--default {
-  background: var(--scl-white-1);
-  border: 1px solid var(--scl-white-1);
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .big-btn-ul .van-button--default.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-white-1);
-  background-color: var(--scl-white-1);
-}
-
-</style>

package/btn/lambo-button-group.vue

@@ -1,47 +0,0 @@
-<template>
-    <div class="button-group">
-      <slot name="opt"></slot>
-    </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboButtonGroup',
-  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)
-}
-
-.button-group-line {
-  width: 100%;
-  height: 1px;
-  border-bottom: 1px solid var(--scl-white-2);
-}
-
-.button-group /deep/ .btns {
-  flex: 1;
-  text-align: center;
-}
-
-.button-group /deep/ .btns:nth-child(n+2) {
-  border-left: 1px solid var(--scl-white-2);
-}
-</style>

package/btn/lambo-medium-button.vue

@@ -1,124 +0,0 @@
-<template>
-  <div class="btns">
-    <ul class="mid-btn-ul">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
-                  :type="type" class="mid-btn" size="normal" @click="handleClick"> {{ text }}
-        <slot name="extend"></slot>
-      </van-button>
-    </ul>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboMediumButton',
-  components: {},
-  props: {
-    /**
-     * 填充类型按钮  plain传false type传primary
-     * 线框类型按钮  plain传true type传info
-     * 无框类型按钮  plain传false type传default
-     */
-    type: {
-      type: String,
-      default: 'primary'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    text: {
-      type: String,
-      default: '中号按钮'
-    },
-    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) {
-      this.$emit('click', event);
-    }
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.mid-btn {
-  height: 30px;
-  border-radius: 3px;
-}
-
-/*填充按钮primary类型按钮样式 */
-/deep/ .mid-btn-ul .van-button--primary {
-  background: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*填充按钮primary类型不可用按钮样式 */
-/deep/ .mid-btn-ul .van-button--disabled {
-  cursor: not-allowed;
-  opacity: 1;
-  background-color: var(--scl-gray-6);
-  color: #000000;
-  border: 0px solid var(--scl-gray-6);
-}
-
-/*按钮文字样式*/
-/deep/ .mid-btn-ul .van-button__text {
-  font-size: 12px;
-  padding: 10px 0px;
-  font-family: 微软雅黑, serif Regular;
-}
-
-/*线框按钮按钮样式*/
-/deep/ .mid-btn-ul .van-button--plain.van-button--info {
-  color: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*线框按钮不可用按钮样式*/
-/deep/ .mid-btn-ul .van-button--plain.van-button--info.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-gray-6);
-  background-color: #ffffff;
-}
-
-/*无框类型按钮样式 */
-/deep/ .mid-btn-ul .van-button--default {
-  background: var(--scl-white-1);
-  border: 1px solid var(--scl-white-1);
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .mid-btn-ul .van-button--default.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-white-1);
-  background-color: var(--scl-white-1);
-}
-
-</style>

package/btn/lambo-small-button-group.vue

@@ -1,31 +0,0 @@
-<template>
-  <div>
-    <div slot="btns"></div>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboSmallButtonGroup',
-  components: {},
-  props: {},
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-</style>