feat:更新家庭账本样式

Dockerfile

@@ -1,6 +1,6 @@
-FROM docker-0.unsee.tech/nginx:1.27.0
+FROM nginx:1.27.0
 COPY dist/ /usr/share/nginx/html/
-COPY nginx.conf /etc/nginx/conf.d/
+COPY nginx.conf /etc/nginx/conf.d/default.conf
 RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
 RUN echo 'Asia/Shanghai' > /etc/timezone
 RUN chmod -R 755 /usr/share/nginx/html/

nginx.conf

@@ -1,106 +1,26 @@
-##
-# You should look at the following URL's in order to grasp a solid understanding
-# of Nginx configuration files in order to fully unleash the power of Nginx.
-# https://www.nginx.com/resources/wiki/start/
-# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
-# https://wiki.debian.org/Nginx/DirectoryStructure
-#
-# In most cases, administrators will remove this file from sites-enabled/ and
-# leave it as reference inside of sites-available where it will continue to be
-# updated by the nginx packaging team.
-#
-# This file will automatically load configuration files provided by other
-# applications, such as Drupal or Wordpress. These applications will be made
-# available underneath a path with that package name, such as /drupal8.
-#
-# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
-##
-
-# Default server configuration
-#
 server {
 	listen 80 default_server;
 	listen [::]:80 default_server;
 
-	# SSL configuration
-	#
-	# listen 443 ssl default_server;
-	# listen [::]:443 ssl default_server;
-	#
-	# Note: You should disable gzip for SSL traffic.
-	# See: https://bugs.debian.org/773332
-	#
-	# Read up on ssl_ciphers to ensure a secure configuration.
-	# See: https://bugs.debian.org/765782
-	#
-	# Self signed certs generated by the ssl-cert package
-	# Don't use them in a production server!
-	#
-	# include snippets/snakeoil.conf;
-
-	#root /var/www/html;
 	root /usr/share/nginx/html;
 
-	# Add index.php to the list if you are using PHP
-	#index index.html index.htm index.nginx-debian.html;
 	index index.html;
 
 	server_name _;
 
-	location /admin-service/ {
+	#location /admin-service/ {
-		proxy_pass http://admin-service:8080/;
+		#proxy_pass http://admin-service:8080/;
-	}
+	#}
 
 	location /home-service/ {
 		proxy_pass http://home-service:8081/;
 	}
 
-	location /blog-service/ {
+	#location /blog-service/ {
-		proxy_pass http://blog-service:8082/;
+		#proxy_pass http://blog-service:8082/;
-	}
+	#}
 
 	location / {
-		# First attempt to serve request as file, then
-		# as directory, then fall back to displaying a 404.
 		try_files $uri $uri/ =404;
 	}
-
-	# pass PHP scripts to FastCGI server
-	#
-	#location ~ \.php$ {
-	#	include snippets/fastcgi-php.conf;
-	#
-	#	# With php-fpm (or other unix sockets):
-	#	fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
-	#	# With php-cgi (or other tcp sockets):
-	#	fastcgi_pass 127.0.0.1:9000;
-	#}
-
-	# deny access to .htaccess files, if Apache's document root
-	# concurs with nginx's one
-	#
-	#location ~ /\.ht {
-	#	deny all;
-	#}
 }
-
-
-# Virtual Host configuration for example.com
-#
-# You can move that to a different file under sites-available/ and symlink that
-# to sites-enabled/ to enable it.
-#
-#server {
-#	listen 80;
-#	listen [::]:80;
-#
-#	server_name example.com;
-#
-#	root /var/www/example.com;
-#	index index.html;
-#
-#	location / {
-#		try_files $uri $uri/ =404;
-#	}
-#}
-

src/components/Home/Ledger/LedgerCard.vue

@@ -21,15 +21,14 @@
           <span>({{ legerItem.unit }})</span>
         </div>
 
-        <div class="ledger-amount">
+        <div class="ledger-payer" style="color: #4169E1;">
-          <div class="item" style="color: #4169E1;">
+          <i class="fa-solid fa-flag"></i>
-            <i class="fa-solid fa-flag"></i>
+          <span>{{ legerItem.payer }}</span>
-            <span>{{ legerItem.payer }}</span>
+        </div>
-          </div>
+
-          <div class="item" style="color: #DAA520;">
+        <div class="ledger-amount" style="color: #DAA520;">
-            <i class="fa-solid fa-cny"></i>
+          <i class="fa-solid fa-cny"></i>
-            <span>{{ formatAmount(legerItem.totalPrice) }}</span>
+          <span>{{ formatAmount(legerItem.totalPrice) }}</span>
-          </div>
         </div>
       </div>
     </div>
@@ -96,7 +95,7 @@ const editClick = async (leger: ILegerItem) => {
 
     .ledger-item {
       display: grid;
-      grid-template-columns: 130px 60px 60px 1fr;
+      grid-template-columns: 1fr 60px 50px 50px 60px;
       gap: 5px;
       color: #4F4F4F;
 
@@ -106,18 +105,10 @@ const editClick = async (leger: ILegerItem) => {
         gap: 2px;
       }
 
-      .ledger-amount {
+      .ledger-payer, .ledger-amount {
-        justify-self: right;
-
         display: flex;
         align-items: center;
-        gap: 10px;
+        gap: 5px;
-
-        .item {
-          display: flex;
-          align-items: center;
-          gap: 5px;
-        }
       }
     }
   }

src/styles/index.module.scss

@@ -77,9 +77,9 @@ span, input {
 
 @font-face {
   font-family: 'CustomFont';
-  src: url('@/assets/font/霞鹜臻楷.ttf') format('truetype');
+  src: url('@/assets/font/custom.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
 
-@import "//at.alicdn.com/t/c/font_4793264_befv3sf3zdg.css";
+@import "//at.alicdn.com/t/c/font_4793264_6bh098pu52x.css";