[fix 84057] 火狐浏览器滚动条及表格适配

This commit is contained in:
danshihao
2024-04-26 11:09:42 +08:00
parent acd046395a
commit c2697742f0
3 changed files with 18 additions and 1 deletions
+10
View File
@@ -221,6 +221,16 @@
opacity: 0.5;
}
/* 滚动条优化 start */
/* 火狐单独调整 */
@-moz-document url-prefix() {
* {
/* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */
scrollbar-color: #647C97 transparent;
/* 火狐滚动条无法自定义宽度,只能通过此属性使滚动条宽度变细 */
scrollbar-width: thin;
/*-ms-overflow-style: none;*/
}
}
::-webkit-scrollbar{
width:6px;
height:6px;
+7
View File
@@ -111,6 +111,13 @@
.ant-table.ant-table-fixed-header .ant-table-scroll .ant-table-header {
margin-right: -11px;
}
// 火狐单独样式
@-moz-document url-prefix() {
// 表格
.ant-table.ant-table-fixed-header .ant-table-scroll .ant-table-header {
margin-right: 0;
}
}
// 表头字体
.ant-table .ant-table-thead tr > th {
font-family: Alimama ShuHeiTi, Alimama ShuHeiTi, sans-serif;
@@ -14,7 +14,7 @@
placeholder="请选择所属井场"></j-dict-select-tag>
<a-select class="search-input" style="margin-left: 8px;" v-model="queryParam.singleWell" placeholder="请选择单井" allowClear>
<a-icon slot="suffixIcon" type="caret-down" class="select-arrow" />
<a-select-option v-for="item in singleWellList" :key="item.id" :value="item.id">{{ item.wellheadName }}</a-select-option>
<a-select-option v-for="item in singleWellList" :key="item.id" :value="item.id" :title="item.wellheadName">{{ item.wellheadName }}</a-select-option>
</a-select>
<span class="search-operate-btns">
<a-button style="width: 88px;" type="primary" @click="searchQuery">