From 0d2024eabd0f07bc4ab3341dddc10464d31938f8 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期六, 21 十二月 2024 18:47:12 +0800
Subject: [PATCH] #新增订单筛选物料界面
---
uni_modules/uni-card/components/uni-card/uni-card.vue | 540 ++++++++++++++++++++++++++++++------------------------------
1 files changed, 270 insertions(+), 270 deletions(-)
diff --git a/uni_modules/uni-card/components/uni-card/uni-card.vue b/uni_modules/uni-card/components/uni-card/uni-card.vue
index 38cf594..b3ec4c2 100644
--- a/uni_modules/uni-card/components/uni-card/uni-card.vue
+++ b/uni_modules/uni-card/components/uni-card/uni-card.vue
@@ -1,270 +1,270 @@
-<template>
- <view class="uni-card" :class="{ 'uni-card--full': isFull, 'uni-card--shadow': isShadow,'uni-card--border':border}"
- :style="{'margin':isFull?0:margin,'padding':spacing,'box-shadow':isShadow?shadow:''}">
- <!-- 灏侀潰 -->
- <slot name="cover">
- <view v-if="cover" class="uni-card__cover">
- <image class="uni-card__cover-image" mode="widthFix" @click="onClick('cover')" :src="cover"></image>
- </view>
- </slot>
- <slot name="title">
- <view v-if="title || extra" class="uni-card__header">
- <!-- 鍗＄墖鏍囬 -->
- <view class="uni-card__header-box" @click="onClick('title')">
- <view v-if="thumbnail" class="uni-card__header-avatar">
- <image class="uni-card__header-avatar-image" :src="thumbnail" mode="aspectFit" />
- </view>
- <view class="uni-card__header-content">
- <text class="uni-card__header-content-title uni-ellipsis">{{ title }}</text>
- <text v-if="title&&subTitle"
- class="uni-card__header-content-subtitle uni-ellipsis">{{ subTitle }}</text>
- </view>
- </view>
- <view class="uni-card__header-extra" @click="onClick('extra')">
- <text class="uni-card__header-extra-text">{{ extra }}</text>
- </view>
- </view>
- </slot>
- <!-- 鍗＄墖鍐呭 -->
- <view class="uni-card__content" :style="{padding:padding}" @click="onClick('content')">
- <slot></slot>
- </view>
- <view class="uni-card__actions" @click="onClick('actions')">
- <slot name="actions"></slot>
- </view>
- </view>
-</template>
-
-<script>
- /**
- * Card 鍗＄墖
- * @description 鍗＄墖瑙嗗浘缁勪欢
- * @tutorial https://ext.dcloud.net.cn/plugin?id=22
- * @property {String} title 鏍囬鏂囧瓧
- * @property {String} subTitle 鍓爣棰�
- * @property {Number} padding 鍐呭鍐呰竟璺�
- * @property {Number} margin 鍗＄墖澶栬竟璺�
- * @property {Number} spacing 鍗＄墖鍐呰竟璺�
- * @property {String} extra 鏍囬棰濆淇℃伅
- * @property {String} cover 灏侀潰鍥撅紙鏈湴璺緞闇�瑕佸紩鍏ワ級
- * @property {String} thumbnail 鏍囬宸︿晶缂╃暐鍥�
- * @property {Boolean} is-full = [true | false] 鍗＄墖鍐呭鏄惁閫氭爮锛屼负 true 鏃跺皢鍘婚櫎padding鍊�
- * @property {Boolean} is-shadow = [true | false] 鍗＄墖鍐呭鏄惁寮�鍚槾褰�
- * @property {String} shadow 鍗＄墖闃村奖
- * @property {Boolean} border 鍗＄墖杈规
- * @event {Function} click 鐐瑰嚮 Card 瑙﹀彂浜嬩欢
- */
- export default {
- name: 'UniCard',
- emits: ['click'],
- props: {
- title: {
- type: String,
- default: ''
- },
- subTitle: {
- type: String,
- default: ''
- },
- padding: {
- type: String,
- default: '10px'
- },
- margin: {
- type: String,
- default: '15px'
- },
- spacing: {
- type: String,
- default: '0 10px'
- },
- extra: {
- type: String,
- default: ''
- },
- cover: {
- type: String,
- default: ''
- },
- thumbnail: {
- type: String,
- default: ''
- },
- isFull: {
- // 鍐呭鍖哄煙鏄惁閫氭爮
- type: Boolean,
- default: false
- },
- isShadow: {
- // 鏄惁寮�鍚槾褰�
- type: Boolean,
- default: true
- },
- shadow: {
- type: String,
- default: '0px 0px 3px 1px rgba(0, 0, 0, 0.08)'
- },
- border: {
- type: Boolean,
- default: true
- }
- },
- methods: {
- onClick(type) {
- this.$emit('click', type)
- }
- }
- }
-</script>
-
-<style lang="scss">
- $uni-border-3: #EBEEF5 !default;
- $uni-shadow-base:0 0px 6px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
- $uni-main-color: #3a3a3a !default;
- $uni-base-color: #6a6a6a !default;
- $uni-secondary-color: #909399 !default;
- $uni-spacing-sm: 8px !default;
- $uni-border-color:$uni-border-3;
- $uni-shadow: $uni-shadow-base;
- $uni-card-title: 15px;
- $uni-cart-title-color:$uni-main-color;
- $uni-card-subtitle: 12px;
- $uni-cart-subtitle-color:$uni-secondary-color;
- $uni-card-spacing: 10px;
- $uni-card-content-color: $uni-base-color;
-
- .uni-card {
- margin: $uni-card-spacing;
- padding: 0 $uni-spacing-sm;
- border-radius: 4px;
- overflow: hidden;
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
- background-color: #fff;
- flex: 1;
-
- .uni-card__cover {
- position: relative;
- margin-top: $uni-card-spacing;
- flex-direction: row;
- overflow: hidden;
- border-radius: 4px;
- .uni-card__cover-image {
- flex: 1;
- // width: 100%;
- /* #ifndef APP-PLUS */
- vertical-align: middle;
- /* #endif */
- }
- }
-
- .uni-card__header {
- display: flex;
- border-bottom: 1px $uni-border-color solid;
- flex-direction: row;
- align-items: center;
- padding: $uni-card-spacing;
- overflow: hidden;
-
- .uni-card__header-box {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex: 1;
- flex-direction: row;
- align-items: center;
- overflow: hidden;
- }
-
- .uni-card__header-avatar {
- width: 40px;
- height: 40px;
- overflow: hidden;
- border-radius: 5px;
- margin-right: $uni-card-spacing;
- .uni-card__header-avatar-image {
- flex: 1;
- width: 40px;
- height: 40px;
- }
- }
-
- .uni-card__header-content {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: column;
- justify-content: center;
- flex: 1;
- // height: 40px;
- overflow: hidden;
-
- .uni-card__header-content-title {
- font-size: $uni-card-title;
- color: $uni-cart-title-color;
- // line-height: 22px;
- }
-
- .uni-card__header-content-subtitle {
- font-size: $uni-card-subtitle;
- margin-top: 5px;
- color: $uni-cart-subtitle-color;
- }
- }
-
- .uni-card__header-extra {
- line-height: 12px;
-
- .uni-card__header-extra-text {
- font-size: 12px;
- color: $uni-cart-subtitle-color;
- }
- }
- }
-
- .uni-card__content {
- padding: $uni-card-spacing;
- font-size: 14px;
- color: $uni-card-content-color;
- line-height: 22px;
- }
-
- .uni-card__actions {
- font-size: 12px;
- }
- }
-
- .uni-card--border {
- border: 1px solid $uni-border-color;
- }
-
- .uni-card--shadow {
- position: relative;
- /* #ifndef APP-NVUE */
- box-shadow: $uni-shadow;
- /* #endif */
- }
-
- .uni-card--full {
- margin: 0;
- border-left-width: 0;
- border-left-width: 0;
- border-radius: 0;
- }
-
- /* #ifndef APP-NVUE */
- .uni-card--full:after {
- border-radius: 0;
- }
-
- /* #endif */
- .uni-ellipsis {
- /* #ifndef APP-NVUE */
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- /* #endif */
- /* #ifdef APP-NVUE */
- lines: 1;
- /* #endif */
- }
-</style>
+<template>
+ <view class="uni-card" :class="{ 'uni-card--full': isFull, 'uni-card--shadow': isShadow,'uni-card--border':border}"
+ :style="{'margin':isFull?0:margin,'padding':spacing,'box-shadow':isShadow?shadow:''}">
+ <!-- 灏侀潰 -->
+ <slot name="cover">
+ <view v-if="cover" class="uni-card__cover">
+ <image class="uni-card__cover-image" mode="widthFix" @click="onClick('cover')" :src="cover"></image>
+ </view>
+ </slot>
+ <slot name="title">
+ <view v-if="title || extra" class="uni-card__header">
+ <!-- 鍗＄墖鏍囬 -->
+ <view class="uni-card__header-box" @click="onClick('title')">
+ <view v-if="thumbnail" class="uni-card__header-avatar">
+ <image class="uni-card__header-avatar-image" :src="thumbnail" mode="aspectFit" />
+ </view>
+ <view class="uni-card__header-content">
+ <text class="uni-card__header-content-title uni-ellipsis">{{ title }}</text>
+ <text v-if="title&&subTitle"
+ class="uni-card__header-content-subtitle uni-ellipsis">{{ subTitle }}</text>
+ </view>
+ </view>
+ <view class="uni-card__header-extra" @click="onClick('extra')">
+ <text class="uni-card__header-extra-text">{{ extra }}</text>
+ </view>
+ </view>
+ </slot>
+ <!-- 鍗＄墖鍐呭 -->
+ <view class="uni-card__content" :style="{padding:padding}" @click="onClick('content')">
+ <slot></slot>
+ </view>
+ <view class="uni-card__actions" @click="onClick('actions')">
+ <slot name="actions"></slot>
+ </view>
+ </view>
+</template>
+
+<script>
+ /**
+ * Card 鍗＄墖
+ * @description 鍗＄墖瑙嗗浘缁勪欢
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=22
+ * @property {String} title 鏍囬鏂囧瓧
+ * @property {String} subTitle 鍓爣棰�
+ * @property {Number} padding 鍐呭鍐呰竟璺�
+ * @property {Number} margin 鍗＄墖澶栬竟璺�
+ * @property {Number} spacing 鍗＄墖鍐呰竟璺�
+ * @property {String} extra 鏍囬棰濆淇℃伅
+ * @property {String} cover 灏侀潰鍥撅紙鏈湴璺緞闇�瑕佸紩鍏ワ級
+ * @property {String} thumbnail 鏍囬宸︿晶缂╃暐鍥�
+ * @property {Boolean} is-full = [true | false] 鍗＄墖鍐呭鏄惁閫氭爮锛屼负 true 鏃跺皢鍘婚櫎padding鍊�
+ * @property {Boolean} is-shadow = [true | false] 鍗＄墖鍐呭鏄惁寮�鍚槾褰�
+ * @property {String} shadow 鍗＄墖闃村奖
+ * @property {Boolean} border 鍗＄墖杈规
+ * @event {Function} click 鐐瑰嚮 Card 瑙﹀彂浜嬩欢
+ */
+ export default {
+ name: 'UniCard',
+ emits: ['click'],
+ props: {
+ title: {
+ type: String,
+ default: ''
+ },
+ subTitle: {
+ type: String,
+ default: ''
+ },
+ padding: {
+ type: String,
+ default: '10px'
+ },
+ margin: {
+ type: String,
+ default: '15px'
+ },
+ spacing: {
+ type: String,
+ default: '0 10px'
+ },
+ extra: {
+ type: String,
+ default: ''
+ },
+ cover: {
+ type: String,
+ default: ''
+ },
+ thumbnail: {
+ type: String,
+ default: ''
+ },
+ isFull: {
+ // 鍐呭鍖哄煙鏄惁閫氭爮
+ type: Boolean,
+ default: false
+ },
+ isShadow: {
+ // 鏄惁寮�鍚槾褰�
+ type: Boolean,
+ default: true
+ },
+ shadow: {
+ type: String,
+ default: '0px 0px 3px 1px rgba(0, 0, 0, 0.08)'
+ },
+ border: {
+ type: Boolean,
+ default: true
+ }
+ },
+ methods: {
+ onClick(type) {
+ this.$emit('click', type)
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ $uni-border-3: #EBEEF5 !default;
+ $uni-shadow-base:0 0px 6px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
+ $uni-main-color: #3a3a3a !default;
+ $uni-base-color: #6a6a6a !default;
+ $uni-secondary-color: #909399 !default;
+ $uni-spacing-sm: 8px !default;
+ $uni-border-color:$uni-border-3;
+ $uni-shadow: $uni-shadow-base;
+ $uni-card-title: 15px;
+ $uni-cart-title-color:$uni-main-color;
+ $uni-card-subtitle: 12px;
+ $uni-cart-subtitle-color:$uni-secondary-color;
+ $uni-card-spacing: 10px;
+ $uni-card-content-color: $uni-base-color;
+
+ .uni-card {
+ margin: $uni-card-spacing;
+ padding: 0 $uni-spacing-sm;
+ border-radius: 4px;
+ overflow: hidden;
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+ background-color: #fff;
+ flex: 1;
+
+ .uni-card__cover {
+ position: relative;
+ margin-top: $uni-card-spacing;
+ flex-direction: row;
+ overflow: hidden;
+ border-radius: 4px;
+ .uni-card__cover-image {
+ flex: 1;
+ // width: 100%;
+ /* #ifndef APP-PLUS */
+ vertical-align: middle;
+ /* #endif */
+ }
+ }
+
+ .uni-card__header {
+ display: flex;
+ border-bottom: 1px $uni-border-color solid;
+ flex-direction: row;
+ align-items: center;
+ padding: $uni-card-spacing;
+ overflow: hidden;
+
+ .uni-card__header-box {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex: 1;
+ flex-direction: row;
+ align-items: center;
+ overflow: hidden;
+ }
+
+ .uni-card__header-avatar {
+ width: 40px;
+ height: 40px;
+ overflow: hidden;
+ border-radius: 5px;
+ margin-right: $uni-card-spacing;
+ .uni-card__header-avatar-image {
+ flex: 1;
+ width: 40px;
+ height: 40px;
+ }
+ }
+
+ .uni-card__header-content {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: column;
+ justify-content: center;
+ flex: 1;
+ // height: 40px;
+ overflow: hidden;
+
+ .uni-card__header-content-title {
+ font-size: $uni-card-title;
+ color: $uni-cart-title-color;
+ // line-height: 22px;
+ }
+
+ .uni-card__header-content-subtitle {
+ font-size: $uni-card-subtitle;
+ margin-top: 5px;
+ color: $uni-cart-subtitle-color;
+ }
+ }
+
+ .uni-card__header-extra {
+ line-height: 12px;
+
+ .uni-card__header-extra-text {
+ font-size: 12px;
+ color: $uni-cart-subtitle-color;
+ }
+ }
+ }
+
+ .uni-card__content {
+ padding: $uni-card-spacing;
+ font-size: 14px;
+ color: $uni-card-content-color;
+ line-height: 22px;
+ }
+
+ .uni-card__actions {
+ font-size: 12px;
+ }
+ }
+
+ .uni-card--border {
+ border: 1px solid $uni-border-color;
+ }
+
+ .uni-card--shadow {
+ position: relative;
+ /* #ifndef APP-NVUE */
+ box-shadow: $uni-shadow;
+ /* #endif */
+ }
+
+ .uni-card--full {
+ margin: 0;
+ border-left-width: 0;
+ border-left-width: 0;
+ border-radius: 0;
+ }
+
+ /* #ifndef APP-NVUE */
+ .uni-card--full:after {
+ border-radius: 0;
+ }
+
+ /* #endif */
+ .uni-ellipsis {
+ /* #ifndef APP-NVUE */
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ /* #endif */
+ /* #ifdef APP-NVUE */
+ lines: 1;
+ /* #endif */
+ }
+</style>
--
Gitblit v1.9.1