wangchunxiang/fantaibao-crawler-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): 优化登录页面和平台选择页面的界面样式调整了登录页面中各控件的背景色、边框、阴影和文本颜色，

Browse Source 
提升了视觉效果与用户体验。同时增加了平台选择页面的间距
和字体大小，使布局更加清晰易读。
This commit is contained in:
wangchunxiang
2025-10-14 17:06:05 +08:00
parent 9d216cae05
commit 7cfbc29353
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/main/java/com/fantaibao/page/LoginView.java
View File

@@ -33,27 +33,30 @@ public class LoginView {
root.setAlignment(Pos.CENTER); root.setAlignment(Pos.CENTER);
root.setSpacing(10); root.setSpacing(10);
root.setPadding(new Insets(20)); root.setPadding(new Insets(20));
root.setStyle("-fx-background-color: #ffffff; -fx-border-radius: 8px; -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 10, 0, 0, 0);");
// 标题 // 标题
Label titleLabel = new Label("账号登录"); Label titleLabel = new Label("账号登录");
titleLabel.setStyle("-fx-font-size: 18px; -fx-font-weight: bold;"); titleLabel.setStyle("-fx-font-size: 18px; -fx-font-weight: bold; -fx-text-fill: #333333;");
// 提示信息 // 提示信息
Label infoLabel = new Label("请输入您的账户信息"); Label infoLabel = new Label("请输入您的账户信息");
infoLabel.setStyle("-fx-font-size: 14px;"); infoLabel.setStyle("-fx-font-size: 14px; -fx-text-fill: #666666;");
// 账号输入框 // 账号输入框
TextField accountField = new TextField(); TextField accountField = new TextField();
accountField.setPromptText("请输入管理员账号"); accountField.setPromptText("请输入管理员账号");
accountField.setPrefWidth(300); accountField.setPrefWidth(300);
accountField.setStyle("-fx-background-color: #f5f5f5; -fx-border-color: #cccccc; -fx-border-radius: 4px; -fx-padding: 10px;");
// 密码输入框 // 密码输入框
PasswordField passwordField = new PasswordField(); PasswordField passwordField = new PasswordField();
passwordField.setPrefWidth(300); passwordField.setPrefWidth(300);
passwordField.setStyle("-fx-background-color: #f5f5f5; -fx-border-color: #cccccc; -fx-border-radius: 4px; -fx-padding: 10px;");
// 登录按钮 // 登录按钮
Button loginButton = new Button("登 录"); Button loginButton = new Button("登 录");
loginButton.setStyle("-fx-background-color: #3f51b5; -fx-text-fill: white;"); loginButton.setStyle("-fx-background-color: #3f51b5; -fx-text-fill: white; -fx-border-radius: 24px; -fx-padding: 10px 0;");
loginButton.setPrefWidth(300); loginButton.setPrefWidth(300);
// 设置鼠标悬停时为手型光标 // 设置鼠标悬停时为手型光标
loginButton.setCursor(javafx.scene.Cursor.HAND); loginButton.setCursor(javafx.scene.Cursor.HAND);

8
src/main/java/com/fantaibao/page/PlatformSelectionView.java
View File

@@ -31,21 +31,21 @@ public class PlatformSelectionView {
// 主容器 // 主容器
VBox root = new VBox(); VBox root = new VBox();
root.setAlignment(Pos.CENTER); root.setAlignment(Pos.CENTER);
root.setSpacing(20); root.setSpacing(30);
root.setPadding(new Insets(40)); root.setPadding(new Insets(40));
// 标题 // 标题
Label titleLabel = new Label("请选择采集平台"); Label titleLabel = new Label("请选择采集平台");
titleLabel.setStyle("-fx-font-size: 18px; -fx-font-weight: bold;"); titleLabel.setStyle("-fx-font-size: 20px; -fx-font-weight: bold;");
// 描述信息 // 描述信息
Label infoLabel = new Label("连接您的电商平台，智能化采集中差评数据"); Label infoLabel = new Label("连接您的电商平台，智能化采集中差评数据");
infoLabel.setStyle("-fx-font-size: 14px;"); infoLabel.setStyle("-fx-font-size: 14px; -fx-padding: 0 0 10 0;");
// 平台选项容器 // 平台选项容器
HBox platformOptions = new HBox(); HBox platformOptions = new HBox();
platformOptions.setAlignment(Pos.CENTER); platformOptions.setAlignment(Pos.CENTER);
platformOptions.setSpacing(20); platformOptions.setSpacing(60);
// 美团开店宝选项 // 美团开店宝选项
VBox meituanOption = createPlatformMtOption( VBox meituanOption = createPlatformMtOption(