zoujing/longli-mp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 一些样式调整

Browse Source
This commit is contained in:
zoujing
2026-09-18 12:02:09 +08:00
parent 57caa62081
commit a3698add2a
3 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/build-icons.mjs
View File

@@ -80,7 +80,7 @@ const MATRIX = {
close: ["ink3", "white"],
doc: ["ink2", "brand"],
shield: ["ink2", "white", "brand"],
info: ["ink2", "brand"],
info: ["ink2", "brand", "ink3"],
headset: ["ink2", "brand"],
logout: ["ink2", "white"],
trash: ["ink2", "danger"],

8
src/pages-sub/catalog/index.vue
View File

@@ -99,7 +99,7 @@ onShareAppMessage(() => ({
<scroll-view class="w-[86px] shrink-0 bg-alt overflow-hidden pt-3" scroll-y :show-scrollbar="false">
<view v-for="(group, i) in groups" :key="group.id"
class="h-16 flex items-center justify-center text-cap relative text-center leading-[1.3]"
:class="i === activeIndex ? 'bg-white text-brand-deep font-semibold rounded-r-[14px] deco-mark' : 'text-ink2'"
:class="i === activeIndex ? 'bg-white text-brand-deep font-semibold deco-mark' : 'text-ink2'"
@click="onGroupTap(i)">
<text>{{ group.name }}</text>
<text class="ml-[3px] text-[10px]" :class="i === activeIndex ? 'text-brand' : 'text-ink3'">
@@ -115,6 +115,12 @@ onShareAppMessage(() => ({
<view v-for="(item, i) in group.items" :key="item.id" :class="i ? 'mt-[10px]' : ''">
<ContentCard :item="item" show-address show-benefit />
</view>
<view v-if="!group.items.length"
class="h-[92px] rounded-card bg-alt border-[0.5px] border-line border-dashed flex flex-col items-center justify-center gap-[6px]">
<AppIcon name="info" tone="ink3" :size="22" />
<text class="text-hint text-ink3">暂无商家</text>
</view>
</view>
<EmptyBox v-if="!groups.length" text="该板块暂无内容" />
<view class="h-5" />

1
src/styles/icons.scss
View File

@@ -46,6 +46,7 @@
.ai-shield.t-brand{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDBCNTc4JyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSJNMTIgMy41IDE5LjUgNnY1LjZjMCA0LjYtMy42IDcuNi03LjUgOC45LTMuOS0xLjMtNy41LTQuMy03LjUtOC45VjZ6Ii8+PHBhdGggZD0iTTkuMiAxMi4ybDIuMiAyLjIgMy42LTMuNiIvPjwvc3ZnPg==")}
.ai-info.t-ink2{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjNkI3MjgwJyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4LjYiLz48cGF0aCBkPSJNMTIgMTF2NS4yIi8+PHBhdGggZD0iTTEyIDcuOGguMDEiLz48L3N2Zz4=")}
.ai-info.t-brand{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDBCNTc4JyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4LjYiLz48cGF0aCBkPSJNMTIgMTF2NS4yIi8+PHBhdGggZD0iTTEyIDcuOGguMDEiLz48L3N2Zz4=")}
.ai-info.t-ink3{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjOUNBM0FGJyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4LjYiLz48cGF0aCBkPSJNMTIgMTF2NS4yIi8+PHBhdGggZD0iTTEyIDcuOGguMDEiLz48L3N2Zz4=")}
.ai-headset.t-ink2{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjNkI3MjgwJyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSJNNC41IDE1di0zYTcuNSA3LjUgMCAwIDEgMTUgMHYzIi8+PHBhdGggZD0iTTQuNSAxMy42aDIuMnY1SDUuNmExLjEgMS4xIDAgMCAxLTEuMS0xLjF6Ii8+PHBhdGggZD0iTTE5LjUgMTMuNmgtMi4ydjVoMS4xYTEuMSAxLjEgMCAwIDAgMS4xLTEuMXoiLz48cGF0aCBkPSJNMTcuMyAxOC42di42YTIgMiAwIDAgMS0yIDJoLTIuOCIvPjwvc3ZnPg==")}
.ai-headset.t-brand{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDBCNTc4JyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSJNNC41IDE1di0zYTcuNSA3LjUgMCAwIDEgMTUgMHYzIi8+PHBhdGggZD0iTTQuNSAxMy42aDIuMnY1SDUuNmExLjEgMS4xIDAgMCAxLTEuMS0xLjF6Ii8+PHBhdGggZD0iTTE5LjUgMTMuNmgtMi4ydjVoMS4xYTEuMSAxLjEgMCAwIDAgMS4xLTEuMXoiLz48cGF0aCBkPSJNMTcuMyAxOC42di42YTIgMiAwIDAgMS0yIDJoLTIuOCIvPjwvc3ZnPg==")}
.ai-logout.t-ink2{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjNkI3MjgwJyBzdHJva2Utd2lkdGg9JzEuOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSJNMTUgMTJINCIvPjxwYXRoIGQ9Ik0xMS40IDguNCAxNSAxMmwtMy42IDMuNiIvPjxwYXRoIGQ9Ik0xNS41IDQuNWgzYTEgMSAwIDAgMSAxIDF2MTNhMSAxIDAgMCAxLTEgMWgtMyIvPjwvc3ZnPg==")}