Skip to content

Commit 1f45064

Browse files
discreted66discreted66
authored
fix:设计检视问题修改 (opentiny#3221)
1 parent 2ebe6d7 commit 1f45064

File tree

27 files changed

+149
-68
lines changed

27 files changed

+149
-68
lines changed

‎examples/sites/demos/pc/app/date-picker/custom-suffix-icon-composition-api.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,6 @@ const IconMinus = iconMinus()
1919
}
2020
2121
.my-date-picker {
22-
background: #a1a1a1;
22+
background: var(--tv-color-bg-active-emphasize);
2323
}
2424
</style>

‎examples/sites/demos/pc/app/date-picker/custom-suffix-icon.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,6 @@ export default {
2727
}
2828
2929
.my-date-picker {
30-
background-color: #a1a1a1;
30+
background: var(--tv-color-bg-active-emphasize);
3131
}
3232
</style>

‎examples/sites/demos/pc/app/file-upload/upload-user-head-composition-api.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ function handleAvatarSuccess(res, file) {
2626
height: 87px;
2727
line-height: 87px;
2828
text-align: center;
29-
background: #fafafa;
29+
background: var(--tv-color-bg);
3030
border: 1px dashed #d9d9d9;
3131
border-radius: 2px;
3232
position: relative;
@@ -35,6 +35,6 @@ function handleAvatarSuccess(res, file) {
3535
3636
.upload-demo .tiny-upload .tiny-svg {
3737
font-size: 16px;
38-
fill: #bfbfbf;
38+
fill: var(--tv-color-icon);
3939
}
4040
</style>

‎examples/sites/demos/pc/app/file-upload/upload-user-head.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export default {
3434
height: 87px;
3535
line-height: 87px;
3636
text-align: center;
37-
background: #fafafa;
37+
background: var(--tv-color-bg);
3838
border: 1px dashed #d9d9d9;
3939
border-radius: 2px;
4040
position: relative;
@@ -43,6 +43,6 @@ export default {
4343
4444
.upload-demo .tiny-upload .tiny-svg {
4545
font-size: 16px;
46-
fill: #bfbfbf;
46+
fill: var(--tv-color-icon);
4747
}
4848
</style>

‎examples/sites/demos/pc/app/icon-multicolor/list-composition-api.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
style="width: 2em; height: 2em"
1010
@click="click(icon.name)"
1111
></component>
12-
<span class="svgs-text">{{ icon.name }}</span>
12+
<span class="svgs-text" :title="name">{{ icon.name }}</span>
1313
</div>
1414
</div>
1515
</div>
@@ -116,5 +116,7 @@ function click(name) {
116116
display: block;
117117
font-size: 14px;
118118
font-weight: 600;
119+
overflow: hidden;
120+
text-overflow: ellipsis;
119121
}
120122
</style>

‎examples/sites/demos/pc/app/icon-multicolor/list.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
style="width: 2em; height: 2em"
1010
@click="click(icon.name)"
1111
></component>
12-
<span class="svgs-text">{{ icon.name }}</span>
12+
<span class="svgs-text" :title="name">{{ icon.name }}</span>
1313
</div>
1414
</div>
1515
</div>
@@ -127,5 +127,7 @@ export default {
127127
display: block;
128128
font-size: 14px;
129129
font-weight: 600;
130+
overflow: hidden;
131+
text-overflow: ellipsis;
130132
}
131133
</style>

‎examples/sites/demos/pc/app/icon/list-composition-api.vue‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
@click="click(name)"
1818
>
1919
<component :is="Svgs[name] && Svgs[name]()" class="svgs-icon"></component>
20-
<span class="svgs-text">{{ name }}</span>
20+
<span class="svgs-text" :title="name">{{ name }}</span>
2121
</div>
2222
</template>
2323
</div>
@@ -105,15 +105,16 @@ function click(name) {
105105
}
106106
107107
.svgs-item:hover {
108-
background-color: #f6f8fa;
109-
color: #191919;
108+
background-color: var(--tv-color-bg-hover);
110109
}
111110
112111
.svgs-text {
113112
margin-top: 12px;
114113
display: block;
115114
font-size: 12px;
116115
font-weight: 600;
116+
overflow: hidden;
117+
text-overflow: ellipsis;
117118
}
118119
119120
.svgs-box:has(> .svg-visible) .group-name {

‎examples/sites/demos/pc/app/icon/list.vue‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
@click="click(name)"
1818
>
1919
<component :is="Svgs[name] && Svgs[name]()" class="svgs-icon"></component>
20-
<span class="svgs-text">{{ name }}</span>
20+
<span class="svgs-text" :title="name">{{ name }}</span>
2121
</div>
2222
</template>
2323
</div>
@@ -116,15 +116,16 @@ export default {
116116
}
117117
118118
.svgs-item:hover {
119-
background-color: #f6f8fa;
120-
color: #191919;
119+
background-color: var(--tv-color-bg-hover);
121120
}
122121
123122
.svgs-text {
124123
margin-top: 12px;
125124
display: block;
126125
font-size: 12px;
127126
font-weight: 600;
127+
overflow: hidden;
128+
text-overflow: ellipsis;
128129
}
129130
130131
.svgs-box:has(> .svg-visible) .group-name {

‎examples/sites/demos/pc/app/search/slot-prefix-suffix-composition-api.vue‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,3 +33,8 @@ const changeDisabled = () => {
3333
disabled.value = !disabled.value
3434
}
3535
</script>
36+
<style lang="less">
37+
.tiny-search__suffix {
38+
fill: var(--tv-color-icon);
39+
}
40+
</style>

‎packages/renderless/src/steps/index.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,6 @@ export const computedRightNodePos =
3232

3333
return Array.from({ length: nodesLength }).map((item, index) => ({
3434
zIndex: dataLength - index,
35-
right: -(index + 1) * 4 + 'px'
3635
}))
3736
}
3837

0 commit comments

Comments
 (0)