# nuxt_muban

**Repository Path**: xyf_example/nuxt_muban

## Basic Information

- **Project Name**: nuxt_muban
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-06
- **Last Updated**: 2025-04-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#  node 16.14.0
添加 .npmrc到项目跟目录

# 页面地址
http://8.137.58.90:6661/nuxt_muban/

```bash
## 这个选项允许npm在安装依赖时提升（hoist）某些依赖到全局node_modules目录，即使这些依赖原本应该被保留在它们各自的嵌套层级中
shamefully-hoist=true

strict-peer-dependencies=false
```


## css使用方式
### 列表布局

```html
 <div v-for="item in 5" :key="item" class="w-1/4 box-border p-4 sm:p-2 sm:w-1/2">
        <div class="bg-blue-600 aspect-w-1 aspect-h-1">{{ item }}</div>
      </div>
```


## 圆角设计
https://juejin.cn/post/7472239904423100470?searchId=20250410093434A4B7B2E0078AD9D9466A#heading-3

## 参考文档地址

https://swiperjs.com/swiper-api#grid   swiperjs 配置文档
https://www.npmjs.com/package/@vueuse/motion   
https://vueuse.org/core/useIntersectionObserver/  vueuse 官方文档
https://docs.tresjs.org/zh/guide/  threejs封装

https://brm.io/matter-js/demo  

https://www.dowebok.com/demo/2014/98/  css动画