feat:更新家庭账本样式

This commit is contained in:
2025-09-15 22:59:50 +08:00
parent 38e25bf88a
commit f3c86b9775
5 changed files with 22 additions and 111 deletions

View File

@@ -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/

View File

@@ -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/ {
proxy_pass http://admin-service:8080/;
}
#location /admin-service/ {
#proxy_pass http://admin-service:8080/;
#}
location /home-service/ {
proxy_pass http://home-service:8081/;
}
location /blog-service/ {
proxy_pass http://blog-service:8082/;
}
#location /blog-service/ {
#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;
# }
#}
}

View File

@@ -21,15 +21,14 @@
<span>({{ legerItem.unit }})</span>
</div>
<div class="ledger-amount">
<div class="item" style="color: #4169E1;">
<i class="fa-solid fa-flag"></i>
<span>{{ legerItem.payer }}</span>
</div>
<div class="item" style="color: #DAA520;">
<i class="fa-solid fa-cny"></i>
<span>{{ formatAmount(legerItem.totalPrice) }}</span>
</div>
<div class="ledger-payer" style="color: #4169E1;">
<i class="fa-solid fa-flag"></i>
<span>{{ legerItem.payer }}</span>
</div>
<div class="ledger-amount" style="color: #DAA520;">
<i class="fa-solid fa-cny"></i>
<span>{{ formatAmount(legerItem.totalPrice) }}</span>
</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 {
justify-self: right;
.ledger-payer, .ledger-amount {
display: flex;
align-items: center;
gap: 10px;
.item {
display: flex;
align-items: center;
gap: 5px;
}
gap: 5px;
}
}
}

View File

@@ -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";