Team Geeks - Beta Sprint log 2

Team_Geeks 团队账号 2023-12-13 20:18:13

I. SCRUM

Achievements from yesterday’s stand-up meeting to the present

周玥：

Update:
- SCSS Mixin for Button Colors: The page includes a SCSS mixin named colorBtn which applies a background color to buttons and changes the color on hover.
- Button Classes: There are several button classes defined such as .blue-btn, .light-blue-btn, .red-btn, etc., each including the colorBtn mixin with different color variables.
- Pan Button Style: The .pan-btn class has additional styles for font size, padding, border-radius, and hover effects with before and after pseudo-elements.
- Custom Button: A .custom-button class is also defined for a generic button style with properties like line-height, background, color, and border-radius.
黄家成

My changes include style overrides for Element UI components .el-breadcrumb__inner, .el-upload, .cell, .small-padding, .fixed-width, .status-col, .el-dialog, .upload-container, .el-dropdown-menu, .el-range-editor.el-input__inner, and .el-menu--collapse. Specific modifications include font weight adjustments, display property changes, padding, width, and text alignment tweaks, as well as fixes for known issues with Element UI components.
姚依林

Update:
- Theme Customization: The file contains customizations for the default theme color of the Element UI library, suggesting the original colors were considered too light for long-term use.
- Color Variables: New color variables are defined for primary, success, warning, and danger themes, as well as other UI elements like buttons and borders.
- Sass & Webpack Integration: The :export directive is used, indicating an integration between Sass and Webpack to share variables between JavaScript and Sass.
蔡心林

Update:
- The .app-container class sets the width and margin of the main container element, as well as the background color and box-shadow properties.
- The .pagination-container class applies flexbox properties to align and justify the pagination elements, as well as adding some padding and margin.
- The .sub-navbar class styles the secondary navigation bar with a fixed position, a gradient background, and a box-shadow effect. It also uses a media query to adjust the display property for smaller screens.
- The body element sets the font-family, font-size, and line-height properties for the entire document, as well as the overflow-x property to prevent horizontal scrolling.
林泳坤

Update:

The added code consists of several SCSS mixins, which are reusable CSS code blocks. These mixins include:
- clearfix: Clears floated elements within a container.
- scrollBar: Customizes the appearance of scrollbars.
- relative: Sets the position of an element to relative.
- pct: Sets the width of an element as a percentage.
- triangle: Creates a triangle shape in a specified direction.
许嘉森

Update:
- General Layout: Introduced common CSS styles for padding and margin, enhancing the visual spacing across elements.
- Typography: Standardized font properties for headings, ensuring consistency in design.
- Dialog & Table: Improved dialog margin and table body overflow handling for better user experience.
- Form & Table Layout: Added distinct styles for form headers and pagination, optimizing layout structure.
- Color & Text: Defined new button and text color classes, enriching the UI’s visual appeal.
- Image & Dragging: Included styles for image presentation and drag-and-drop functionality, increasing interactivity.
This update refines the overall styling, contributing to a more polished and user-friendly interface.
范文卓

Update:
- Styling Updates: The changes involve styling updates for a sidebar element in a web application, including transitions, positioning, and responsive design for mobile devices.
- Code Specifics: The code includes CSS properties for elements such as .main-container, .sidebar-container, and .el-menu, with specific focus on visual aspects like width, height, background color, and hover effects.
孙仲恒：

Update:
- Global Transition CSS: This section defines a global CSS class for handling fade transitions. It specifies the duration and type of transition that will be applied to elements when they enter or leave the DOM.
- Fade Transform: This part introduces a transformation effect combined with fading. It’s useful for animating elements in a more complex way, such as moving them on the X-axis while fading in or out.
- Breadcrumb Transition: This is a specific transition style for breadcrumb navigation elements. It provides a smooth animation when breadcrumb links are interacted with.
孙逊

Update:

Defined a set of Sass variables for base colors, menu themes, and sidebar width. It includes colors like $blue, $red, $green, and others for use in styling the web application.