---
# System prepended metadata

title: ':muscle:切版直播班第 3 組 --- 第 7 週討論區'
tags: [六角學院, 網頁切版直播班 - 2022 夏季班, 春季班, aos.js, 第三組]

---

:muscle:切版直播班第 3 組 --- 第 7 週討論區 
===

###### tags: `網頁切版直播班 - 2022 夏季班` `第三組` `春季班` `六角學院` `aos.js`

:::success
**小組討論時間：2022 年 08月 21 日 週日 晚上 7:00**
:::
<style>
    .gray{
        color:gray;
    }

</style>

## :point_right:簽到區
<!-- :heavy_check_mark: -->

| 組員名稱        | 報到               |
| --------------| ------------------ |
| MOMO#3370||
| 布魯諾#7239|:heavy_check_mark:|
| Amber Hsin#6633||
| 鯨魚#8376||
| RayChen#6088|:heavy_check_mark:|
| 小樽#3151||
| 柏PO#5617|:heavy_check_mark:|
| 瑞追#8227||
| 周周#3503| :heavy_check_mark: |
| 粉蒸肉#6214|:heavy_check_mark:|

---


## :bomb:小組討論
![](https://i.imgur.com/WicQGhL.jpg)



### 剛開始討論，確認大家的情況
<!-- :::spoiler <font color="blue">**討論內容(請點我)**</font> -->


<!-- ::: -->

### 組員問題互相解答
<!-- :::spoiler <font color="blue">**討論內容(請點我)**</font> -->

> 提問組員 / 解答

解說:

<!-- ::: -->


### 任務：請每個小組討論成員，試著用本週教的視差效果，並套用在自己的版型上，彼此協助除錯，並提交到任務系統上。
* 這任務請回傳討論對話截圖即可

#### 任務回報
| 名稱 | 回報網址 | 
| -------- | :--------: |
|布魯諾#7239|[Codepen](https://codepen.io/bruno-yu/pen/MWVLxbG), [Repo](https://github.com/Bruno-Yu/week7_practice.git)|
| 周周#3503 | [GitHub](https://github.com/JHOUJHOU/homepagetask),[pages](https://jhoujhou.github.io/homepagetask/)|


<!-- :::spoiler <font color="blue">**討論內容(請點我)**</font> -->

小組討論:
分享作法

![](https://i.imgur.com/axpVMTL.jpg)
- 討論同學的第六週作業：在設定`container-fluid`後，排版時最右邊會有多的`margin`問題。=>解決的話可以在最外層元件加上`container-fluid`，把多出來的`margin`刪除。
![](https://i.imgur.com/JCFWyoD.jpg)
- 布魯諾帶大家跑一次aos的載入、設定、與效果呈現。
![](https://i.imgur.com/TIBulXZ.jpg)
- 會後大家在React、NextJS的應用、差異。如何處理props傳遞、元件如何拆分、要拆多細等問題。



<!-- 
:::
--- -->

