基于PHP的magento开源php电子商务系统稳定版源码.zip

# Magento UI library The Magento UI library is a flexible modular Magento frontend library that is designed to assist Magento theme developers. It employs a set of mixins for base elements to ease frontend theme development and customization. The Magento UI library offers the following characteristics for those who develop or customize Magento themes. It is: * Built on LESS preprocessor * Focused on web standards * Customizable * Easy to maintain * Responsive * Accessible The library provides the ability to customize all of the following user interface elements: * actions-toolbar * breadcrumbs * buttons * components * drop-downs * forms * icons * layout * loaders * messages * pagination * popups * ratings * resets * responsive * sections - tabs and accordions * tables * tooltips * typography * utilities * list of theme variables # Magento UI library file structure Magento UI library is located under `/lib/web/` folder. It and employs: * `css/` folder where the library files are placed * `fonts/` folder where default and icon fonts are placed * `images/` folder where default images are placed * `jquery/` folder where jQuery and jQuery widgets are placed ### Magento UI library structure ```css /lib/web/ ├── css/ │ ├── docs/ (Library documentation) │ │ ├── source/ │ │ │ ├── _actions-toolbar.less │ │ │ ├── _breadcrumbs.less │ │ │ ├── _buttons.less │ │ │ ├── _dropdowns.less │ │ │ ├── _forms.less │ │ │ ├── _icons.less │ │ │ ├── _layout.less │ │ │ ├── _lib.less │ │ │ ├── _loaders.less │ │ │ ├── _messages.less │ │ │ ├── _pages.less │ │ │ ├── _popups.less │ │ │ ├── _rating.less │ │ │ ├── _resets.less │ │ │ ├── _responsive.less │ │ │ ├── _sections.less │ │ │ ├── _tables.less │ │ │ ├── _tooltips.less │ │ │ ├── _typography.less │ │ │ ├── _utilities.less │ │ │ ├── _variables.less │ │ │ ├── _components.less │ │ │ ├── docs.less │ │ │ └── README.md │ │ ├─── extends.html │ │ ├─── actions-toolbar.html │ │ ├─── breadcrumbs.html │ │ ├─── buttons.html │ │ ├─── components.html │ │ ├─── docs.css │ │ ├─── docs.html │ │ ├─── dropdowns.html │ │ ├─── forms.html │ │ ├─── icons.html │ │ ├─── index.html │ │ ├─── layout.html │ │ ├─── lib.html │ │ ├─── loaders.html │ │ ├─── messages.html │ │ ├─── pages.html │ │ ├─── popups.html │ │ ├─── rating.html │ │ ├─── resets.html │ │ ├─── responsive.html │ │ ├─── sections.html │ │ ├─── tables.html │ │ ├─── tooltips.html │ │ ├─── typography.html │ │ ├─── utilities.html │ │ └─── variables.html │ └── source/ │ ├── components/ (Reusable components files) │ │ └── _modals.less │ ├── lib/ (Library source files) │ │ └── variables/ (Decoupled variables) │ │ └── ... │ │ ├── _extends.less │ │ ├── _actions-toolbar.less │ │ ├── _breadcrumbs.less │ │ ├── _buttons.less │ │ ├── _dropdowns.less │ │ ├── _forms.less │ │ ├── _icons.less │ │ ├── _layout.less │ │ ├── _lib.less │ │ ├── _loaders.less │ │ ├── _messages.less │ │ ├── _navigation.less │ │ ├── _pages.less │ │ ├── _popups.less │ │ ├── _rating.less │ │ ├── _resets.less │ │ ├── _responsive.less │ │ ├── _sections.less │ │ ├── _tables.less │ │ ├── _tooltips.less │ │ ├── _typography.less │ │ ├── _utilities.less │ │ └── _variables.less │ ├── _extend.less │ └── _theme.less ├── fonts/ │ └── Blank-Theme-Icons/ (Library custom icons font) ├── images/ │ └── blank-theme-icons.png (Library icons sprite) └── jquery/ (Library javascript files) ```   # Magento UI library naming convention Magento UI library employs a variables and mixins naming convention whereby names of variables and mixins describe their purpose or functions they perform. A variable or a mixins name may only contain lowercase alphanumeric characters, "-" and "_" characters. A variable name must start with "@" character. If a variable or mixins name consists of more than one word, they must be concatenated with one hyphen character. # Less variables naming A *.less file variable can contain lowercase letters, numbers, special characters: "@", "-" and "_". It must start with "@" character and consist of words concatenated with one hyphen. It should not contain capital letters. A variable name should describe its purpose. A variable name should be formed according to the following rule: `'@' + 'object' + '-' + 'property' + '-' + 'state' = @object-property-state` If it is a private variable (is used only in a mixin), it must start with "_" character after "@": `'@' + '_' + 'object' + '-' + 'property' + '-' + 'state' = @_object-property-state` #### Examples: ##### Acceptable: ```css @link-color-hover; @color-primary; @color-2; ``` Private variables: ```css @_padding-left; @_font-size; ``` ##### Unacceptable: ```css @Link-Color-Hover; @colorPrimary; @color--primary; @paddingleft; @__font-size; ```   # Less mixins naming A less mixin name can contain lowercase letters, numbers, "-" and "_" characters. It should not contain capital letters. A mixin name can consist of one or several words, concatenated with one hyphen. If the mixin is private, its name must start with the "_" character. Mixin should be named after property or action it describes. #### Examples: ##### Acceptable: ```css .mixin-name() {} .transition() {} .mixin() {} ._button-gradient() {} ``` ##### Unacceptable: ```css .mixinName() {} .__transition() {} .MiXiN() {} ._button--gradient() {} ```   # Less Code Standards ## General rules ### Indentation Please verified that you use spaces instead tabs: * Tab size: 4 spaces * Indent size: 4 spaces * Continuation indent: 4 spaces ```css .nav { .nav-item { ... } } ``` ### Format #### Braces Add space before opening brace and line break after. And line break before closing brace. ##### Not recommended: ```css .nav{color: @nav__color;} ``` ##### Recommended: ```css .nav { color: @nav__color; } ``` #### Selector delimiters Add line break after each sel