# Function / 回上一頁、友善列印、轉寄友人
###### tags: `HyUI`

檔案名稱：sass/modual/_function_panel.scss
## HTML範本1

<iframe height="300" style="width: 100%;" scrolling="no" title="functionFunction /功能選單" src="https://codepen.io/u00hyui/embed/JjWjOde?defaultTab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/u00hyui/pen/JjWjOde">
functionFunction /功能選單</a> by u00hyui (<a href="https://codepen.io/u00hyui">@u00hyui</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>

## HTML範本2- 加入icon
<iframe height="300" style="width: 100%;" scrolling="no" title="functionFunction /功能選單 有icon" src="https://codepen.io/u00hyui/embed/oNZNobV?defaultTab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/u00hyui/pen/oNZNobV">
functionFunction /功能選單 有icon</a> by u00hyui (<a href="https://codepen.io/u00hyui">@u00hyui</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>

## HTML範本3- 加入function_panel內

可參考：[Function-Panel模組](/Oqp96iFITTilUfkBkoSbjA)

<iframe height="300" style="width: 100%;" scrolling="no" title="Function/功能選單- 加入function_panel內" src="https://codepen.io/u00hyui/embed/YzZzEZK?defaultTab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href="https://codepen.io/u00hyui/pen/YzZzEZK">
Function/功能選單- 加入function_panel內</a> by u00hyui (<a href="https://codepen.io/u00hyui">@u00hyui</a>)
on <a href="https://codepen.io">CodePen</a>.
</iframe>

<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>