# mogujie-css

**Repository Path**: southWindNumber/mogujie-css

## Basic Information

- **Project Name**: mogujie-css
- **Description**: 仿蘑菇街-CSS架构
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-12
- **Last Updated**: 2023-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mogujie

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


## CSS架构
(oocss)bem smacss acss

### Acss层 
（类似 TailwindCss class="flex  p-15" 这样的）
让样式极限复用
解决Acss无语义化缺点：属性选择器

### 安装重置样式包
```cmd
npm i --save normalize.css
```

### base层
语义化分层，根据项目设计稿，给一些标签设定默认样式

### settings层
scss基础变量

### tools层
使用工具包 SassMagic github下载下 把src目录下的三个文件复制到tools目录下,目录结构如下（注释掉一些无效引入）
--tools
----functions
----mixins
----_sassMagic.scss

# 实现本地mock
安装包
```cmd
 npm i mockjs
```

# REM布局
```cmd
npm install lib-flexible
```

```cmd
npm install postcss-plugin-px2rem -D
```

## 多色图表 svgIcon（iconPark）
官网 https://iconpark.oceanengine.com/official