diff --git a/src/components/CommodityItem.vue b/src/components/CommodityItem.vue index 084f76f..1e470e2 100644 --- a/src/components/CommodityItem.vue +++ b/src/components/CommodityItem.vue @@ -87,12 +87,17 @@ align-items: center; > .text { color: #232323; + overflow: hidden; > .name { font-family: 'KaiseiOpti-Regular'; font-weight: 700; font-size: var(--commodity-name-fontSize, 2rem); line-height: var(--commodity-name-lineHeight, 2.3rem); margin-bottom: var(--commodity-name-marginBottom, 0rem); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } > .price { font-family: 'KaiseiOpti-Regular'; diff --git a/src/views/digitalItem/index.vue b/src/views/digitalItem/index.vue index da36dc6..e6f4919 100644 --- a/src/views/digitalItem/index.vue +++ b/src/views/digitalItem/index.vue @@ -175,7 +175,7 @@ defineExpose({}) justify-content: flex-end; > .filter-item{ :deep(.el-select) { - width: 15rem; + width: 18rem; --el-border-radius-base: 0; --el-select-input-color: rgba(0, 0, 0, 0.5); --el-select-input-font-size: 1rem; diff --git a/src/views/shopping-drawer.vue b/src/views/shopping-drawer.vue index fa95498..b955eee 100644 --- a/src/views/shopping-drawer.vue +++ b/src/views/shopping-drawer.vue @@ -53,10 +53,10 @@ const {} = toRefs(data);
- +
- +