refactor: ♻️ 页面样式优化

src/pages/index/index.vue

@@ -19,7 +19,7 @@
         :url="item.url"
       >
         <view class="p-2">
-          <image class="w-80rpx h-80rpx rounded-8rpx" :src="item.icon" />
+          <image class="w-72rpx h-72rpx rounded-8rpx" :src="item.icon" />
         </view>
         <view class="text">{{ item.title }}</view>
       </wd-grid-item>
@@ -103,7 +103,7 @@ const visitStatsData = ref<VisitStats[] | null>([
   {
     type: "online",
     title: "在线用户数",
-    icon: "/static/icons/online.png",
+    icon: "/static/icons/active-user.png",
     growthRate: 0,
     granularity: "-",
     todayCount: 1,
@@ -111,7 +111,7 @@ const visitStatsData = ref<VisitStats[] | null>([
   {
     type: "pv",
     title: "浏览量(PV)",
-    icon: "/static/icons/pv.png",
+    icon: "/static/icons/stat1.png",
     growthRate: 0,
     granularity: "日",
     todayCount: 0,
@@ -119,15 +119,15 @@ const visitStatsData = ref<VisitStats[] | null>([
   {
     type: "uv",
     title: "访客数(UV)",
-    icon: "/static/icons/visit.png",
+    icon: "/static/icons/visitor.png",
     growthRate: 0,
     granularity: "日",
     todayCount: 0,
   },
   {
     type: "ip",
-    title: "IP数",
-    icon: "/static/icons/client.png",
+    title: "访问IP数",
+    icon: "/static/icons/stat4.png",
     growthRate: 0,
     granularity: "日",
     todayCount: 0,
@@ -140,10 +140,7 @@ const chartData = ref({});
 // 日期范围
 const recentDaysRange = ref(7);
 
-const swiperList = ref([
-  "https://oss.youlai.tech/blog/banner9.png",
-  "https://oss.youlai.tech/blog/banner8.png",
-]);
+const swiperList = ref(["https://oss.youlai.tech/blog/banner9.png"]);
 
 // 快捷导航列表
 const navList = reactive([
@@ -166,7 +163,7 @@ const navList = reactive([
     prem: "sys:notice:query",
   },
   {
-    icon: "/static/icons/config.png",
+    icon: "/static/icons/setting.png",
     title: "系统配置",
     url: "/pages/work/config/index",
     prem: "sys:config:query",

src/pages/login/index.vue

@@ -2,7 +2,7 @@
   <view class="login-container">
     <view class="login-header">
       <image src="/static/images/youlaiorg.png" class="w160rpx h160rpx" />
-      <view class="text-small-light">有来开源，致力于快速构建和高效开发的应用解决方案。</view>
+      <view class="text-sm text-white">有来开源，致力于构建高效开发的应用解决方案。</view>
     </view>
 
     <view class="login-form">
@@ -134,15 +134,23 @@ const handleWechatLogin = async () => {
 </script>
 
 <style lang="scss" scoped>
+html,
+body {
+  height: 100%;
+  margin: 0; /* 移除默认的外边距 */
+}
 .login-container {
-  height: calc(100vh - 165rpx);
+  position: relative;
+  height: 100vh;
   background: #fff;
   .login-header {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 80rpx 0;
+    padding: 160rpx 0;
+    background: url("/static/images/login-banner.png") no-repeat center center;
+    background-size: 100% 100%;
   }
   .login-form {
     width: 80%;

src/pages/work/index.vue

@@ -12,7 +12,7 @@
             :url="child.url"
           >
             <view class="p-2">
-              <image class="w-80rpx h-80rpx rounded-8rpx" :src="child.icon" />
+              <image class="w-72rpx h-72rpx rounded-8rpx" :src="child.icon" />
             </view>
             <view class="text">{{ child.title }}</view>
           </wd-grid-item>
@@ -40,7 +40,7 @@ const gridList = reactive([
         prem: "sys:role:query",
       },
       {
-        icon: "/static/icons/config.png",
+        icon: "/static/icons/setting.png",
         title: "系统配置",
         url: "/pages/work/config/index",
         prem: "sys:config:query",