wl-design-mobile 0.0.4 → 0.0.6

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

@@ -1,53 +0,0 @@
-<template>
-  <div>
-    <LamboBigButton :disabled="false" :position="position" :text="text" :type="type" icon="arrow-down"
-                    @click="onClick"></LamboBigButton>
-    <ul v-show="show">
-      <LamboBigButton :disabled="false" :type="type" text="编辑" @click="onClick1"></LamboBigButton>
-      <LamboBigButton :disabled="false" :type="type" text="删除" @click="onClick2"></LamboBigButton>
-    </ul>
-  </div>
-</template>
-<script>
-
-import LamboBigButton from "@/components/lambo/btn/lambo-big-button.vue";
-
-export default {
-  name: 'LamboSmallButtonSelect',
-  components: {LamboBigButton},
-  props: {
-    text: {
-      type: String,
-      default: '更多'
-    },
-  },
-  data() {
-    return {
-      type: 'default',
-      position: 'right',
-      show: false,
-    }
-  },
-  methods: {
-    onClick() {
-      this.show = !this.show;
-    },
-    onClick1() {
-      console.log('path', 'onClick1')
-    },
-    onClick2() {
-      console.log('path', 'onClick2')
-    },
-  },
-  created() {
-
-  },
-  mounted() {
-
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-</style>

package/btn/lambo-small-button.vue

@@ -1,123 +0,0 @@
-<template>
-  <div class="btns">
-    <ul class="small-button-ul">
-      <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
-                  :type="type" class="small-button" size="small" @click="handleClick"> {{ text }}
-      </van-button>
-    </ul>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'LamboSmallButton',
-  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";
-
-.small-button {
-  height: 27px;
-  border-radius: 3px;
-}
-
-/*填充按钮primary类型按钮样式 */
-/deep/ .small-button-ul .van-button--primary {
-  background: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*填充按钮primary类型不可用按钮样式 */
-/deep/ .small-button-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/ .small-button-ul .van-button__text {
-  font-size: 11px;
-  padding: 10px 0px;
-  font-family: 微软雅黑, serif Regular;
-}
-
-/*线框按钮按钮样式*/
-/deep/ .small-button-ul .van-button--plain.van-button--info {
-  color: var(--scl-blue);
-  border: 1px solid var(--scl-blue);
-}
-
-/*线框按钮不可用按钮样式*/
-/deep/ .small-button-ul .van-button--plain.van-button--info.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-gray-6);
-  background-color: #ffffff;
-}
-
-/*无框类型按钮样式 */
-/deep/ .small-button-ul .van-button--default {
-  background: var(--scl-white-1);
-  border: 1px solid var(--scl-white-1);
-  color: var(--scl-blue);
-}
-
-/*无框按钮不可用按钮样式*/
-/deep/ .small-button-ul .van-button--default.van-button--disabled {
-  color: #000000;
-  border: 1px solid var(--scl-white-1);
-  background-color: var(--scl-white-1);
-}
-
-</style>

package/search/lambo-list-filter.vue

@@ -1,123 +0,0 @@
-<template>
-  <div>
-    <div class="opt-btn">
-      <div>
-        <slot name="optBtn"></slot>
-      </div>
-      <div v-if="showFilter">
-        <lambo-icon-button :icon="'order.png'" @click="showOrderPop"></lambo-icon-button>
-        <lambo-icon-button :icon="'filter.png'" @click="showFilterPop"></lambo-icon-button>
-      </div>
-    </div>
-    <div v-if="showFilter">
-      <filtrate-row :name="'降序'"></filtrate-row>
-      <filtrate-row :name="'筛选范围'"></filtrate-row>
-    </div>
-    <van-popup
-        ref="orderPopup"
-        v-model="orderPop"
-        position="bottom"
-        round
-        @close="closeOrderPop"
-        class="van-popup">
-      <template v-slot:default>
-        <van-checkbox-group class="popup-item" v-model="orderChecked" shape="square">
-          <div class="opt-btn" v-for="(item) in orderColumns" :key="item.K">
-            <van-checkbox :name="item.K">{{item.V}}</van-checkbox>
-            <van-radio-group v-model="item.type" direction="horizontal">
-              <van-radio name="asc">升序</van-radio>
-              <van-radio name="desc">降序</van-radio>
-            </van-radio-group>
-          </div>
-        </van-checkbox-group>
-      </template>
-    </van-popup>
-    <van-popup
-        ref="filterPopup"
-        v-model="filterPop"
-        position="bottom"
-        round
-        @close="closeFilterPop"
-        class="van-popup">
-      <div class="popup-item">
-        <slot name="filter" ></slot>
-      </div>
-    </van-popup>
-  </div>
-</template>
-<script>
-import LamboIconButton from "@/components/lambo/btn/lambo-icon-button.vue";
-import FiltrateRow from "@/components/lambo/card-item/filtrate-row.vue";
-
-export default {
-  name: "LamboListFilter",
-  components: {
-    FiltrateRow,
-    LamboIconButton
-  },
-  props: {
-    showFilter: {
-      type: [Boolean, String],
-      default: true
-    },
-    orderColumns: {
-      type: Array,
-      default: () => ([
-        {
-          K: 'a',
-          V: '复选框 a'
-        },
-        {
-          K: 'b',
-          V: '复选框 b'
-        }
-      ])
-    }
-  },
-  data() {
-    return {
-      orderPop: false,
-      filterPop: false,
-      orderChecked: [],
-      orderData: []
-    }
-  },
-  methods: {
-    showOrderPop() {
-      this.orderPop = true
-    },
-    showFilterPop() {
-      this.filterPop = true
-    },
-    closeOrderPop() {
-      this.orderData = []
-      this.orderChecked.forEach((key) => {
-        const order = this.orderColumns.find(item => item.K === key)
-        const data = {
-          K: order.K,
-          type: order.type
-        }
-        this.orderData.push(data)
-      })
-      this.$emit('order-on-ok', this.orderData)
-    },
-    closeFilterPop() {
-    }
-  }
-}
-</script>
-<style scoped>
-.opt-btn {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 10px;
-}
-.popup-item {
-  margin-top: 20px;
-  padding: 0 15px;
-}
-.van-popup {
-  min-height: 25%;
-  height: auto;
-}
-</style>