timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update filter style

Browse Source
This commit is contained in:
Timi
2026-09-23 13:40:45 +08:00
parent 73b7544572
commit b79e5bb0ea
24 changed files with 167 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/product/ProductCategoryList.vue
+1 -4
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productCategory.read" class="product-category-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -368,8 +368,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
--td-input-vertical-padding: 8px 14px;
@@ -377,7 +375,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
src/pages/product/ProductList.vue
+2 -20
View File
@@ -1,6 +1,6 @@
<template>
<div ref="productListRef" v-can="permissionCodes.product.read" class="product-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -431,8 +431,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -440,7 +438,6 @@ onUnmounted(() => {
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -448,26 +445,11 @@ onUnmounted(() => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
padding-top: .8rem;
background: #fff;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 0 0 1rem 1rem;
&:after {
display: none;
}
:deep(.t-dropdown-menu__item) {
min-width: 0;
}
:deep(.t-dropdown-menu__title) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
src/pages/product/ProductStockList.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div ref="productStockListRef" v-can="permissionCodes.productStock.read" class="product-stock-list">
<div class="search bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -10,7 +10,6 @@
placeholder="搜索产品名称（拼音）或编码"
/>
</div>
<t-pull-down-refresh
class="list-wrap empty-cell-title-margin"
v-model="isRefreshing"
@@ -322,18 +321,15 @@ onUnmounted(() => {
.product-stock-list {
padding: var(--app-nav-height) 0 1rem;
.search {
.filters {
top: var(--app-nav-height);
z-index: 10;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
border: 1px solid var(--td-component-border);
padding: .5rem 1rem;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}
src/pages/product/ProductStockRecordList.vue
+1 -18
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productStock.read" class="product-stock-record-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -560,8 +560,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -570,7 +568,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 2;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -581,23 +578,9 @@ onUnmounted(() => {
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
background: #fff;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
&:after {
display: none;
}
:deep(.t-dropdown-menu__item) {
min-width: 0;
}
:deep(.t-dropdown-menu__title) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
src/pages/product/ProductStockSkuList.vue
+2 -5
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productStock.read" class="product-stock-sku-list">
<div class="search bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -318,18 +318,15 @@ onUnmounted(() => {
.product-stock-sku-list {
padding: var(--app-nav-height) 0 1rem;
.search {
.filters {
top: var(--app-nav-height);
z-index: 10;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
border: 1px solid var(--td-component-border);
padding: .5rem 1rem;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}