maxjhandsome
/
tiny-vue
forked from opentiny/tiny-vue
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(text-popup): [text-popup] update dark theme (#3159)

This commit is contained in:
wuyiping0628 2025-03-18 20:22:41 -07:00 committed by GitHub
parent 6b7ee3ea82
commit 0b5a346c58
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/sites/demos/pc/app/text-popup/clear-value-composition-api.vue
View File

@ -3,6 +3,8 @@
<div>value 值：{{ value }}</div>
<br />
<tiny-button @click="click">点击清除</tiny-button>
<br />
<br />
<tiny-text-popup v-model="value"></tiny-text-popup>
</div>
</template>

2
examples/sites/demos/pc/app/text-popup/clear-value.vue
View File

@ -3,6 +3,8 @@
<div>value 值：{{ value }}</div>
<br />
<tiny-button @click="click">点击清除</tiny-button>
<br />
<br />
<tiny-text-popup v-model="value"></tiny-text-popup>
</div>
</template>

4
packages/theme/src/text-popup/index.less
View File

@ -32,12 +32,16 @@
border-radius: var(--tv-TextPopup-border-radius, 2px);
outline: none;
box-sizing: border-box;
background-color: var(--tv-TextPopup-bg-color);
color: var(--tv-TextPopup-text-color);
}
.text {
border: 1px solid var(--tv-TextPopup-border-color);
line-height: 1;
height: var(--tv-TextPopup-height);
background-color: var(--tv-TextPopup-bg-color);
color: var(--tv-TextPopup-text-color);
&:hover {
border-color: var(--tv-TextPopup-hover-border-color);

4
packages/theme/src/text-popup/vars.less
View File

@ -19,6 +19,10 @@
--tv-TextPopup-font-size: var(--tv-font-size-default);
// 输入框边框色
--tv-TextPopup-border-color: var(--tv-color-border);
// 输入框边背景色
--tv-TextPopup-bg-color: var(--tv-color-bg-secondary);
// 输入框边文字颜色
--tv-TextPopup-text-color: var(--tv-color-text);
// 输入框聚焦展开时阴影
--tv-TextPopup-box-shadow: var(--tv-shadow-1);
// 输入框悬浮边框色