mali-applet-ui 0.2.9 → 0.2.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.
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
<view class="ml-amount-input-readonly-content">￥{{ amountLabel }}</view>
|
|
4
4
|
</view>
|
|
5
5
|
<view v-else-if="!editable && platformEnv.isQW" class="ml-amount-input not-edit" :class="[className || '', {'is-right': align === 'right', 'is-border': border}]">
|
|
6
|
-
<view class="ml-amount-input-simulate">
|
|
6
|
+
<view class="ml-amount-input-simulate">
|
|
7
|
+
<text v-if="inpVal">{{ inpVal }}</text>
|
|
8
|
+
<text v-else class="ml-amount-input-placeholder">{{ placeholder }}</text>
|
|
9
|
+
</view>
|
|
7
10
|
</view>
|
|
8
11
|
<view v-else class="ml-amount-input" :class="[{'is-right': align === 'right', 'is-border': border, 'is-disabled': disabled, 'is-clear': clearable && inpVal}, className]">
|
|
9
12
|
<view v-if="showTip" class="ml-amount-tip">
|
|
@@ -210,6 +213,9 @@ export default {
|
|
|
210
213
|
flex-grow: 1;
|
|
211
214
|
display: flex;
|
|
212
215
|
flex-direction: row;
|
|
216
|
+
.ml-amount-input-placeholder {
|
|
217
|
+
color: $uni-text-color-placeholder;
|
|
218
|
+
}
|
|
213
219
|
.ml-amount-input-readonly-content {
|
|
214
220
|
padding: 20rpx 4rpx;
|
|
215
221
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view v-if="isFromReadonly" class="ml-input is-readonly" :class="[className || '', {'is-right': align === 'right'}]">
|
|
3
|
-
<view class="ml-input-readonly-content">
|
|
3
|
+
<view class="ml-input-readonly-content">
|
|
4
|
+
<text v-if="inpVal">{{ inpVal }}</text>
|
|
5
|
+
<text v-else class="ml-input-placeholder">{{ placeholder }}</text>
|
|
6
|
+
</view>
|
|
4
7
|
</view>
|
|
5
8
|
<view v-else-if="!editable && platformEnv.isQW" class="ml-input not-edit" :class="[className || '', {'is-right': align === 'right', 'is-border': border}]">
|
|
6
9
|
<view class="ml-input-simulate">{{ inpVal }}</view>
|
|
@@ -122,6 +125,9 @@ export default {
|
|
|
122
125
|
flex-grow: 1;
|
|
123
126
|
display: flex;
|
|
124
127
|
flex-direction: row;
|
|
128
|
+
.ml-input-placeholder {
|
|
129
|
+
color: $uni-text-color-placeholder;
|
|
130
|
+
}
|
|
125
131
|
.ml-input-simulate {
|
|
126
132
|
padding: 0 10rpx;
|
|
127
133
|
height: 70rpx;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view v-if="isFromReadonly" class="ml-number-input is-readonly">
|
|
3
|
-
<view class="ml-number-input-readonly-content">
|
|
3
|
+
<view class="ml-number-input-readonly-content">
|
|
4
|
+
<text v-if="inpVal">{{ inpVal }}</text>
|
|
5
|
+
<text v-else class="ml-number-input-placeholder">{{ placeholder }}</text>
|
|
6
|
+
</view>
|
|
4
7
|
</view>
|
|
5
8
|
<view v-else-if="!editable && platformEnv.isQW" class="ml-number-input not-edit" :class="[className || '', {'is-right': align === 'right', 'is-border': border}]">
|
|
6
9
|
<view class="ml-number-input-simulate">{{ inpVal }}</view>
|
|
@@ -124,6 +127,9 @@ export default {
|
|
|
124
127
|
flex-grow: 1;
|
|
125
128
|
display: flex;
|
|
126
129
|
flex-direction: row;
|
|
130
|
+
.ml-number-input-placeholder {
|
|
131
|
+
color: $uni-text-color-placeholder;
|
|
132
|
+
}
|
|
127
133
|
.ml-number-input-readonly-content {
|
|
128
134
|
padding: 20rpx 4rpx;
|
|
129
135
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view v-if="isFromReadonly" class="ml-textarea is-readonly" :class="[className || '', {'is-right': align === 'right'}]">
|
|
3
|
-
<view class="ml-textarea-readonly-content">
|
|
3
|
+
<view class="ml-textarea-readonly-content">
|
|
4
|
+
<text v-if="inpVal">{{ inpVal }}</text>
|
|
5
|
+
<text v-else class="ml-textarea-placeholder">{{ placeholder }}</text>
|
|
6
|
+
</view>
|
|
4
7
|
</view>
|
|
5
8
|
<view v-else-if="!editable && platformEnv.isQW" class="ml-textarea not-edit" :class="[className || '', {'is-right': align === 'right', 'is-border': border}]">
|
|
6
9
|
<view class="ml-textarea-simulate" :style="{color: fontColor, height: `${rows * 30}rpx`}">{{ inpVal }}</view>
|
|
@@ -129,6 +132,9 @@ export default {
|
|
|
129
132
|
font-size: $uni-font-size-base;
|
|
130
133
|
padding: 20rpx 10rpx 10rpx 20rpx;
|
|
131
134
|
background: #fff;
|
|
135
|
+
.ml-textarea-placeholder {
|
|
136
|
+
color: $uni-text-color-placeholder;
|
|
137
|
+
}
|
|
132
138
|
.ml-textarea-simulate {
|
|
133
139
|
background: #ffffff;
|
|
134
140
|
white-space: pre-wrap;
|