stellar-ui-plus 1.20.9 → 1.20.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ste-filter-tool/ste-filter-tool.easycom.json +1 -1
- package/components/ste-goods-info/props.ts +10 -0
- package/components/ste-goods-info/ste-goods-info.easycom.json +12 -0
- package/components/ste-goods-info/ste-goods-info.vue +3 -3
- package/components/ste-number-keyboard/KeyboardVue.vue +3 -1
- package/components/ste-number-keyboard/props.ts +3 -0
- package/components/ste-number-keyboard/ste-number-keyboard.easycom.json +6 -0
- package/components/ste-number-keyboard/ste-number-keyboard.vue +2 -0
- package/package.json +1 -1
|
@@ -36,6 +36,16 @@ export default {
|
|
|
36
36
|
type: Boolean,
|
|
37
37
|
default: () => false,
|
|
38
38
|
},
|
|
39
|
+
/** 价格文本大小 */
|
|
40
|
+
priceSize: {
|
|
41
|
+
type: [Number, String],
|
|
42
|
+
default: () => 28,
|
|
43
|
+
},
|
|
44
|
+
/** 价格文本颜色 */
|
|
45
|
+
priceColor: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: () => '#ea4335',
|
|
48
|
+
},
|
|
39
49
|
/** 标签背景色 */
|
|
40
50
|
tagBg: {
|
|
41
51
|
type: String,
|
|
@@ -22,6 +22,18 @@
|
|
|
22
22
|
"type": "boolean",
|
|
23
23
|
"default": "false"
|
|
24
24
|
},
|
|
25
|
+
{
|
|
26
|
+
"name": "priceSize",
|
|
27
|
+
"description": "价格文本大小",
|
|
28
|
+
"type": "string | number",
|
|
29
|
+
"default": "28"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "priceColor",
|
|
33
|
+
"description": "价格文本颜色",
|
|
34
|
+
"type": "string",
|
|
35
|
+
"default": "#ea4335"
|
|
36
|
+
},
|
|
25
37
|
{
|
|
26
38
|
"name": "tagBg",
|
|
27
39
|
"description": "标签背景色",
|
|
@@ -162,7 +162,7 @@ const clickSuggest = (type: 'method' | 'back' | 'item' | 'right', item?: { label
|
|
|
162
162
|
</view>
|
|
163
163
|
<view class="ste-goods-info-content">
|
|
164
164
|
<view class="ste-goods-info-header">
|
|
165
|
-
<view class="ste-goods-info-title" :
|
|
165
|
+
<view class="ste-goods-info-title" :style="[titleStyle]" @click="onClick('title')">
|
|
166
166
|
<view class="ste-goods-info-tag-box" v-if="data.tag">
|
|
167
167
|
<view class="ste-goods-info-tag" :style="{ background: _tagBg }">{{ data.tag }}</view>
|
|
168
168
|
</view>
|
|
@@ -182,13 +182,13 @@ const clickSuggest = (type: 'method' | 'back' | 'item' | 'right', item?: { label
|
|
|
182
182
|
</slot>
|
|
183
183
|
<view class="ste-goods-info-price" v-if="showPriceRow">
|
|
184
184
|
<view class="ste-goods-info-price-left" v-if="!hidePrice">
|
|
185
|
-
<setPrice :value="data.price" :digits="2" bold :styleType="3" fontSize="
|
|
185
|
+
<setPrice :value="data.price" :digits="2" bold :styleType="3" :line-price-color="priceColor" :fontSize="priceSize" @click="onClick('price')" />
|
|
186
186
|
<setPrice
|
|
187
187
|
v-if="data.originalPrice"
|
|
188
188
|
:digits="2"
|
|
189
189
|
:value="data.originalPrice"
|
|
190
190
|
isSuggestPrice
|
|
191
|
-
|
|
191
|
+
line-price-color="#666666"
|
|
192
192
|
marginLeft="16"
|
|
193
193
|
fontSize="20"
|
|
194
194
|
@click="onClick('originalPrice')"
|
|
@@ -14,6 +14,7 @@ const props = defineProps({
|
|
|
14
14
|
disabled: { type: Boolean },
|
|
15
15
|
showClear: { type: Boolean },
|
|
16
16
|
textColor: { type: String },
|
|
17
|
+
keyBg: { type: String },
|
|
17
18
|
textSize: { type: [Number, String] },
|
|
18
19
|
rightKeys: { type: Boolean },
|
|
19
20
|
});
|
|
@@ -59,6 +60,7 @@ const cmpRootStyle = computed(() => {
|
|
|
59
60
|
'--ste-number-keyboard-item-height': `${itemH}px`,
|
|
60
61
|
'--ste-number-keyboard-item-gap': `${gap}px`,
|
|
61
62
|
'--ste-number-keyboard-right-confirm-height': `${itemH * confirmRows + gap * (confirmRows - 1)}px`,
|
|
63
|
+
'--ste-number-keyboard-item-bg': props.keyBg,
|
|
62
64
|
};
|
|
63
65
|
});
|
|
64
66
|
|
|
@@ -163,7 +165,7 @@ console.log(rows.value);
|
|
|
163
165
|
.number-keyboard-item {
|
|
164
166
|
width: var(--ste-number-keyboard-item-width);
|
|
165
167
|
height: var(--ste-number-keyboard-item-height);
|
|
166
|
-
background-color:
|
|
168
|
+
background-color: var(--ste-number-keyboard-item-bg);
|
|
167
169
|
display: flex;
|
|
168
170
|
align-items: center;
|
|
169
171
|
justify-content: center;
|
|
@@ -15,6 +15,7 @@ export interface NumberKeyboardProps {
|
|
|
15
15
|
textSize: string | number;
|
|
16
16
|
confirmBg: string;
|
|
17
17
|
confirmColor: string;
|
|
18
|
+
keyBg: string;
|
|
18
19
|
activeInputRef: string;
|
|
19
20
|
inputValues: Record<string, string>;
|
|
20
21
|
}
|
|
@@ -34,6 +35,8 @@ export default {
|
|
|
34
35
|
textSize: { type: [Number, String], default: () => 48 },
|
|
35
36
|
confirmBg: { type: String, default: () => '' },
|
|
36
37
|
confirmColor: { type: String, default: () => '#fff' },
|
|
38
|
+
// 按键背景颜色
|
|
39
|
+
keyBg: { type: String, default: () => '#fff' },
|
|
37
40
|
// 多输入框支持 - 当前激活的输入引用名称
|
|
38
41
|
activeInputRef: { type: String, default: '' },
|
|
39
42
|
// 所有输入框的值对象，键为inputRef，值为对应输入值
|
|
@@ -46,6 +46,7 @@ const { cmpNumbers, cmpRootStyle, dataShow, onClose, onChange, onOpen } = useDat
|
|
|
46
46
|
:textColor="textColor"
|
|
47
47
|
:textSize="textSize"
|
|
48
48
|
:rightKeys="rightKeys"
|
|
49
|
+
:keyBg="keyBg"
|
|
49
50
|
@change="onChange"
|
|
50
51
|
/>
|
|
51
52
|
</view>
|
|
@@ -60,6 +61,7 @@ const { cmpNumbers, cmpRootStyle, dataShow, onClose, onChange, onOpen } = useDat
|
|
|
60
61
|
:textColor="textColor"
|
|
61
62
|
:textSize="textSize"
|
|
62
63
|
:rightKeys="rightKeys"
|
|
64
|
+
:keyBg="keyBg"
|
|
63
65
|
@change="onChange"
|
|
64
66
|
/>
|
|
65
67
|
</block>
|