From e7d45b61ad438bb96c0d0d7f17923f024a1e6aaf Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 18 三月 2026 14:05:29 +0800
Subject: [PATCH] 进销存升级app 1.工作台图标替换
---
src/pages/works.vue | 434 ++++++++++++-----------------------------------------
1 files changed, 101 insertions(+), 333 deletions(-)
diff --git a/src/pages/works.vue b/src/pages/works.vue
index 8dfefad..333eaf5 100644
--- a/src/pages/works.vue
+++ b/src/pages/works.vue
@@ -1,42 +1,5 @@
<template>
<view class="content">
- <!-- <view class="header-section">-->
- <!-- <view class="currentFactory">-->
- <!-- <up-text type="primary"-->
- <!-- :text="userStore.currentFactoryName"-->
- <!-- @click="show = true"-->
- <!-- size="18"-->
- <!-- class="factoryName"-->
- <!-- suffixIcon="arrow-right"-->
- <!-- :iconStyle="iconStyle"></up-text>-->
- <!-- </view>-->
- <!-- <up-picker :show="show"-->
- <!-- :columns="factoryList"-->
- <!-- @confirm="changeFactory"-->
- <!-- @cancel="show = false"></up-picker>-->
- <!-- </view>-->
-<!-- <view class="hero-section">-->
-<!-- <view class="bg-img">-->
-<!-- <view class="hero-content">-->
-<!-- <!– 棰勭暀锛氬鍚庣画闇�瑕佸彲鍦ㄦ鏀� logo 鎴栫畝鐭彁绀� –>-->
-<!-- </view>-->
-<!-- <view class="hero-wave"></view>-->
-<!-- </view>-->
-<!-- </view>-->
- <!-- <view class="notice-section">-->
- <!-- <view class="notice">-->
- <!-- <view class="notice-content">-->
- <!-- <view class="notice-left">-->
- <!-- <text class="notice-status">閫氱煡</text>-->
- <!-- </view>-->
- <!-- <view class="notice-separator"></view>-->
- <!-- <view class="notice-right">-->
- <!-- <text class="notice-label">{{currentStatus}}</text>-->
- <!-- <text class="notice-text">褰撴棩閿�鍞澶囨暟:<text class="notice-number">{{number}}<text class="notice-unit">涓�</text></text></text>-->
- <!-- </view>-->
- <!-- </view>-->
- <!-- </view>-->
- <!-- </view>-->
<!-- 钀ラ攢绠＄悊妯″潡 -->
<view class="common-module marketing-module"
v-if="hasMarketingItems">
@@ -51,11 +14,8 @@
<up-grid-item v-for="(item, index) in marketingItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -76,11 +36,8 @@
<up-grid-item v-for="(item, index) in purchaseItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -101,11 +58,8 @@
<up-grid-item v-for="(item, index) in collaborationItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -126,11 +80,8 @@
<up-grid-item v-for="(item, index) in safetyItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -151,11 +102,8 @@
<up-grid-item v-for="(item, index) in qualityItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -176,11 +124,8 @@
<up-grid-item v-for="(item, index) in humanResourcesItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -201,11 +146,8 @@
<up-grid-item v-for="(item, index) in productionItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -226,11 +168,8 @@
<up-grid-item v-for="(item, index) in equipmentItems"
:key="index"
@click="handleCommonItemClick(item)">
- <view class="icon-container"
- :style="{ background: item.bgColor }">
- <up-icon :name="item.icon"
- :size="58"
- color="#ffffff"></up-icon>
+ <view class="icon-container">
+ <image :src="item.icon" class="item-icon"></image>
</view>
<text class="item-label">{{item.label}}</text>
</up-grid-item>
@@ -273,27 +212,27 @@
// 钀ラ攢绠＄悊鍔熻兘鏁版嵁
const marketingItems = reactive([
{
- icon: "/static/images/icon/xiaoshoutaizhang@2x.png",
+ icon: "/static/images/icon/xiaoshoutaizhang.svg",
label: "閿�鍞彴璐�",
},
{
- icon: "/static/images/icon/kaipiaodengji@2x.png",
+ icon: "/static/images/icon/kaipiaodengji.svg",
label: "寮�绁ㄧ櫥璁�",
},
{
- icon: "/static/images/icon/kaipiaotaizhang@2x.png",
+ icon: "/static/images/icon/kaipiaotaizhang.svg",
label: "寮�绁ㄥ彴璐�",
},
{
- icon: "/static/images/icon/huikuandengji@2x.png",
+ icon: "/static/images/icon/huikuandengji.svg",
label: "鍥炴鐧昏",
},
{
- icon: "/static/images/icon/huikuanliushui@2x.png",
+ icon: "/static/images/icon/huikuanliushui.svg",
label: "鍥炴娴佹按",
},
{
- icon: "/static/images/icon/kehuwanglai@2x.png",
+ icon: "/static/images/icon/kehuwanglai.svg",
label: "瀹㈡埛寰�鏉�",
},
]);
@@ -301,120 +240,120 @@
// 閲囪喘绠＄悊鍔熻兘鏁版嵁
const purchaseItems = reactive([
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "閲囪喘鍙拌处",
},
{
- icon: "/static/images/icon/laipiaodengji@2x.png",
+ icon: "/static/images/icon/laipiaodengji.svg",
label: "鏉ョエ鐧昏",
},
{
- icon: "/static/images/icon/laipiaotaizhang@2x.png",
+ icon: "/static/images/icon/laipiaotaizhang.svg",
label: "鏉ョエ鍙拌处",
},
{
- icon: "/static/images/icon/fukuanjingji@2x.png",
+ icon: "/static/images/icon/fukuandengji.svg",
label: "浠樻鐧昏",
},
{
- icon: "/static/images/icon/fukuanliushui@2x.png",
+ icon: "/static/images/icon/fukuanliushui.svg",
label: "浠樻娴佹按",
},
{
- icon: "/static/images/icon/gongyingshangwanglai@2x.png",
+ icon: "/static/images/icon/gongyingshangwanglai.svg",
label: "渚涘簲鍟嗗線鏉�",
},
]);
const humanResourcesItems = reactive([
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "鎵撳崱绛惧埌",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "浜哄憳钖祫",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "鍚堝悓绠＄悊",
},
]);
const qualityItems = reactive([
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "鍘熸潗鏂欐楠�",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "杩囩▼妫�楠�",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/caigoutaizhang.svg",
label: "鍑哄巶妫�楠�",
},
]);
const safetyItems = reactive([
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/guichengzizhi.svg",
label: "瑙勭▼涓庤祫璐�",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/weixianyuan.svg",
label: "鍗遍櫓婧愬彴璐�",
},
{
- icon: "/static/images/icon/caigoutaizhang@2x.png",
+ icon: "/static/images/icon/weixianzuoye.svg",
label: "鍗遍櫓浣滀笟瀹℃壒",
},
{
- icon: "/static/images/icon/guzhangfenxi@2x.png",
+ icon: "/static/images/icon/yinhuanpaicha.svg",
label: "闅愭偅鎺掓煡涓婃姤",
},
{
- icon: "/static/images/icon/guzhangfenxi@2x.png",
+ icon: "/static/images/icon/weixianwuliao.svg",
label: "鍗遍櫓鐗╂枡绠℃帶",
},
{
- icon: "/static/images/icon/guzhangfenxi@2x.png",
+ icon: "/static/images/icon/yingjiyuan.svg",
label: "搴旀�ラ妗堟煡闃�",
},
{
- icon: "/static/images/icon/guzhangfenxi@2x.png",
+ icon: "/static/images/icon/shigushangbao.svg",
label: "浜嬫晠涓婃姤璁板綍",
},
{
- icon: "/static/images/icon/guzhangfenxi@2x.png",
+ icon: "/static/images/icon/anquanpeixun.svg",
label: "瀹夊叏鍩硅鑰冩牳",
},
]);
// 鍗忓悓鍔炲叕鍔熻兘鏁版嵁
const collaborationItems = reactive([
{
- icon: "/static/images/icon/baoxiaoguanli.png",
+ icon: "/static/images/icon/xietongshenpi.svg",
label: "鍗忓悓瀹℃壒",
},
{
- icon: "/static/images/icon/huiyiliebiao@2x.png",
+ icon: "/static/images/icon/huiyiguanli.svg",
label: "浼氳绠＄悊",
},
{
- icon: "/static/images/icon/tongzhigonggao@2x.png",
+ icon: "/static/images/icon/tongzhigonggao.svg",
label: "閫氱煡鍏憡",
},
{
- icon: "/static/images/icon/zhishiku@2x.png",
+ icon: "/static/images/icon/zhishiku.svg",
label: "鐭ヨ瘑搴�",
},
{
- icon: "/static/images/icon/yongyinguanli@2x.png",
+ icon: "/static/images/icon/yongyinguanli.svg",
label: "鐢ㄥ嵃绠＄悊",
},
{
- icon: "/static/images/icon/guizhangzhidu@2x.png",
+ icon: "/static/images/icon/guizhangzhidu.svg",
label: "瑙勭珷鍒跺害",
},
{
- icon: "/static/images/icon/kehubaifang@2x.png",
+ icon: "/static/images/icon/kehubaifang.svg",
label: "瀹㈡埛鎷滆",
},
]);
@@ -422,52 +361,47 @@
// 鐢熶骇绠℃帶鍔熻兘鏁版嵁
const productionItems = reactive([
// {
- // icon: "/static/images/icon/shengchandingdan@2x.png",
+ // icon: "/static/images/icon/shengchandingdan@2x.svg",
// label: "鐢熶骇璁㈠崟",
- // bgColor: "#FF9800",
// },
// {
- // icon: "/static/images/icon/shengchanpaigong@2x.png",
+ // icon: "/static/images/icon/shengchanpaigong@2x.svg",
// label: "鐢熶骇娲惧伐",
- // bgColor: "#FF6B35",
// },
// {
- // icon: "/static/images/icon/shengchanpaichan@2x.png",
+ // icon: "/static/images/icon/shengchanpaichan@2x.svg",
// label: "宸ュ簭鎺掍骇",
- // bgColor: "#E91E63",
// },
{
- icon: "/static/images/icon/shengchanbaogong@2x.png",
+ icon: "/static/images/icon/shengchanbaogong.svg",
label: "鐢熶骇鎶ュ伐",
- bgColor: "#673AB7",
},
// {
- // icon: "/static/images/icon/shengchanhesuan@2x.png",
+ // icon: "/static/images/icon/shengchanhesuan@2x.svg",
// label: "鐢熶骇鏍哥畻",
- // bgColor: "#3F51B5",
// },
]);
// 璁惧绠＄悊鍔熻兘鏁版嵁
const equipmentItems = reactive([
// {
- // icon: '/static/images/icon/shebeitaizhang@2x.png',
+ // icon: '/static/images/icon/shebeitaizhang@2x.svg',
// label: '璁惧鍙拌处',
// },
{
- icon: "/static/images/icon/shbeibaoxiu@2x.png",
+ icon: "/static/images/icon/yunxingguanli.svg",
label: "杩愯绠＄悊",
},
{
- icon: "/static/images/icon/shbeibaoxiu@2x.png",
+ icon: "/static/images/icon/shebeibaoxiu.svg",
label: "璁惧鎶ヤ慨",
},
{
- icon: "/static/images/icon/shbeibaoyang@2x.png",
+ icon: "/static/images/icon/shebeibaoyang.svg",
label: "璁惧淇濆吇",
},
{
- icon: "/static/images/icon/xunjianshangchuan@2x.png",
+ icon: "/static/images/icon/xunjianshangchuan.svg",
label: "璁惧宸℃",
},
]);
@@ -953,11 +887,9 @@
const collectMenuTitles = routes => {
if (!Array.isArray(routes)) return;
routes.forEach(route => {
- // 鏀堕泦褰撳墠璺敱鐨勬爣棰�
if (route.meta && route.meta.title) {
allowedMenuTitles.add(route.meta.title);
}
- // 閫掑綊澶勭悊瀛愯矾鐢�
if (route.children && route.children.length > 0) {
collectMenuTitles(route.children);
}
@@ -965,131 +897,32 @@
};
collectMenuTitles(routers);
- // 杩囨护钀ラ攢绠＄悊鑿滃崟
- const originalMarketing = [
- { icon: "/static/images/icon/xiaoshoutaizhang@2x.png", label: "閿�鍞彴璐�" },
- { icon: "/static/images/icon/kaipiaodengji@2x.png", label: "寮�绁ㄧ櫥璁�" },
- { icon: "/static/images/icon/kaipiaotaizhang@2x.png", label: "寮�绁ㄥ彴璐�" },
- { icon: "/static/images/icon/huikuandengji@2x.png", label: "鍥炴鐧昏" },
- { icon: "/static/images/icon/huikuanliushui@2x.png", label: "鍥炴娴佹按" },
- { icon: "/static/images/icon/kehuwanglai@2x.png", label: "瀹㈡埛寰�鏉�" },
- ];
- const filteredMarketing = originalMarketing.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- marketingItems.splice(0, marketingItems.length, ...filteredMarketing);
+ // 瀹氫箟鑿滃崟閰嶇疆鏄犲皠
+ const menuMapping = {
+ collaboration: { target: collaborationItems, specialMapping: { "瑙勭珷鍒跺害": "瑙勭珷鍒跺害绠＄悊" } },
+ };
- // 杩囨护鍗忓悓鍔炲叕鑿滃崟
- const originalCollaboration = [
- { icon: "/static/images/icon/baoxiaoguanli.png", label: "鍗忓悓瀹℃壒" },
- { icon: "/static/images/icon/huiyiliebiao@2x.png", label: "浼氳绠＄悊" },
- { icon: "/static/images/icon/tongzhigonggao@2x.png", label: "閫氱煡鍏憡" },
- { icon: "/static/images/icon/zhishiku@2x.png", label: "鐭ヨ瘑搴�" },
- { icon: "/static/images/icon/yongyinguanli@2x.png", label: "鐢ㄥ嵃绠＄悊" },
- { icon: "/static/images/icon/guizhangzhidu@2x.png", label: "瑙勭珷鍒跺害" },
- { icon: "/static/images/icon/kehubaifang@2x.png", label: "瀹㈡埛鎷滆" },
- ];
- const filteredCollaboration = originalCollaboration.filter(item => {
- // 澶勭悊鏍囬涓嶅畬鍏ㄥ尮閰嶇殑鎯呭喌
- let matched = allowedMenuTitles.has(item.label);
- // 鐗规畩澶勭悊锛氳绔犲埗搴� -> 瑙勭珷鍒跺害绠＄悊
- if (!matched && item.label === "瑙勭珷鍒跺害") {
- matched = allowedMenuTitles.has("瑙勭珷鍒跺害绠＄悊");
- }
- return matched;
- });
- collaborationItems.splice(
- 0,
- collaborationItems.length,
- ...filteredCollaboration
- );
+ // 閫氱敤杩囨护鍑芥暟
+ const filterArray = (targetArray, specialMapping) => {
+ const filtered = targetArray.filter(item => {
+ let matched = allowedMenuTitles.has(item.label);
+ if (specialMapping && !matched && specialMapping[item.label]) {
+ matched = allowedMenuTitles.has(specialMapping[item.label]);
+ }
+ return matched;
+ });
+ targetArray.splice(0, targetArray.length, ...filtered);
+ };
- // 杩囨护閲囪喘绠＄悊鑿滃崟
- const originalPurchase = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "閲囪喘鍙拌处" },
- { icon: "/static/images/icon/laipiaodengji@2x.png", label: "鏉ョエ鐧昏" },
- { icon: "/static/images/icon/laipiaotaizhang@2x.png", label: "鏉ョエ鍙拌处" },
- { icon: "/static/images/icon/fukuanjingji@2x.png", label: "浠樻鐧昏" },
- { icon: "/static/images/icon/fukuanliushui@2x.png", label: "浠樻娴佹按" },
- {
- icon: "/static/images/icon/gongyingshangwanglai@2x.png",
- label: "渚涘簲鍟嗗線鏉�",
- },
- ];
- const filteredPurchase = originalPurchase.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- purchaseItems.splice(0, purchaseItems.length, ...filteredPurchase);
-
- // 杩囨护瀹夊叏鐢熶骇鑿滃崟
- const originalSafety = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "瑙勭▼涓庤祫璐�" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍗遍櫓婧愬彴璐�" },
- {
- icon: "/static/images/icon/caigoutaizhang@2x.png",
- label: "鍗遍櫓浣滀笟瀹℃壒",
- },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "闅愭偅鎺掓煡涓婃姤" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "鍗遍櫓鐗╂枡绠℃帶" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "搴旀�ラ妗堟煡闃�" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "浜嬫晠涓婃姤璁板綍" },
- { icon: "/static/images/icon/guzhangfenxi@2x.png", label: "瀹夊叏鍩硅鑰冩牳" },
- ];
- const filteredSafety = originalSafety.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- safetyItems.splice(0, safetyItems.length, ...filteredSafety);
-
- // 杩囨护浜哄姏璧勬簮鑿滃崟
- const originalHumanResources = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鎵撳崱绛惧埌" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "浜哄憳钖祫" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍚堝悓绠＄悊" },
- ];
- const filteredHumanResources = originalHumanResources.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- humanResourcesItems.splice(
- 0,
- humanResourcesItems.length,
- ...filteredHumanResources
- );
-
- // 杩囨护璐ㄩ噺绠＄悊鑿滃崟
- const originalQuality = [
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍘熸潗鏂欐楠�" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "杩囩▼妫�楠�" },
- { icon: "/static/images/icon/caigoutaizhang@2x.png", label: "鍑哄巶妫�楠�" },
- ];
- const filteredQuality = originalQuality.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- qualityItems.splice(0, qualityItems.length, ...filteredQuality);
-
- // 杩囨护鐢熶骇绠℃帶鑿滃崟
- const originalProduction = [
- {
- icon: "/static/images/icon/shengchanbaogong@2x.png",
- label: "鐢熶骇鎶ュ伐",
- bgColor: "#673AB7",
- },
- ];
- const filteredProduction = originalProduction.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- productionItems.splice(0, productionItems.length, ...filteredProduction);
-
- // 杩囨护璁惧绠＄悊鑿滃崟
- const originalEquipment = [
- { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "杩愯绠＄悊" },
- { icon: "/static/images/icon/shbeibaoxiu@2x.png", label: "璁惧鎶ヤ慨" },
- { icon: "/static/images/icon/shbeibaoyang@2x.png", label: "璁惧淇濆吇" },
- { icon: "/static/images/icon/xunjianshangchuan@2x.png", label: "璁惧宸℃" },
- ];
- const filteredEquipment = originalEquipment.filter(item => {
- return allowedMenuTitles.has(item.label);
- });
- equipmentItems.splice(0, equipmentItems.length, ...filteredEquipment);
+ // 杩囨护鍚勪釜妯″潡
+ filterArray(marketingItems);
+ filterArray(purchaseItems);
+ filterArray(collaborationItems, menuMapping.collaboration.specialMapping);
+ filterArray(safetyItems);
+ filterArray(humanResourcesItems);
+ filterArray(qualityItems);
+ filterArray(productionItems);
+ filterArray(equipmentItems);
};
// 妫�鏌ユā鍧楁槸鍚︽湁鑿滃崟椤归渶瑕佹樉绀�
@@ -1207,7 +1040,7 @@
.bg-img {
width: 100%;
height: 9.25rem;
- background-image: url("../static/images/banner/backview.png");
+ background-image: url("../static/images/banner/backview.svg");
background-size: cover;
border-radius: 14px;
position: relative;
@@ -1508,68 +1341,27 @@
}
.icon-container {
- width: 46px;
- height: 46px;
+ width: 36px;
+ height: 36px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.375rem;
- box-shadow: 0 10px 20px rgba(17, 24, 39, 0.12);
transition: all 0.2s ease;
position: relative;
overflow: hidden;
animation: fadeInScale 0.5s ease both;
+ }
- &::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: linear-gradient(
- 135deg,
- rgba(255, 255, 255, 0.1) 0%,
- transparent 50%,
- rgba(255, 255, 255, 0.05) 100%
- );
- opacity: 0;
- transition: opacity 0.3s ease;
- }
+ .item-icon {
+ width: 36px;
+ height: 36px;
+ display: block;
+ }
- &::after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border-radius: 0.75rem;
- background: linear-gradient(
- 45deg,
- transparent,
- rgba(255, 255, 255, 0.2),
- transparent
- );
- opacity: 0;
- transition: opacity 0.3s ease;
- }
-
- &:hover {
- transform: translateY(-0.1875rem) scale(1.02);
- box-shadow: 0 0.5rem 1.5625rem rgba(0, 0, 0, 0.18);
-
- &::before,
- &::after {
- opacity: 1;
- }
- }
-
- &:active {
- transform: scale(0.97);
- box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.18);
- }
+ .icon-container:active {
+ transform: scale(0.97);
}
.item-label {
@@ -1785,51 +1577,27 @@
}
.icon-container {
- width: 48px;
- height: 48px;
- border-radius: 14px;
+ width: 36px;
+ height: 36px;
+ border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
- box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
transition: all 0.18s ease;
position: relative;
overflow: hidden;
animation: fadeInScale 0.5s ease both;
- background: linear-gradient(135deg, #3b82f6, #2563eb);
}
- .marketing-module .icon-container {
- background: linear-gradient(135deg, #3b82f6, #2563eb);
- }
- .purchase-module .icon-container {
- background: linear-gradient(135deg, #1d4ed8, #0f766e);
- }
- .collaboration-module .icon-container {
- background: linear-gradient(135deg, #22c55e, #16a34a);
- }
- .equipment-module .icon-container {
- background: linear-gradient(135deg, #a855f7, #7c3aed);
- }
-
- .icon-container::before {
- content: "";
- position: absolute;
- inset: 0;
- border-radius: inherit;
- background: radial-gradient(
- circle at 20% 20%,
- rgba(255, 255, 255, 0.26),
- transparent 55%
- );
- opacity: 0.8;
- pointer-events: none;
+ .item-icon {
+ width: 36px;
+ height: 36px;
+ display: block;
}
.icon-container:active {
transform: scale(0.94);
- box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25);
}
.item-label {
--
Gitblit v1.9.3