簡介 　　先熟悉uni-app可用的組件。 　　 格式 　　1. 必須有且只能有一個根元素 　　2. 引入外部樣式 　　　　uni-app下的相對路徑相對於項目。 　　　　使用@improt url('相對路徑')引入css文件。 　　3. rpx ...

Flex是Flexible Box的縮寫，意為”彈性布局”，用來為盒狀模型提供最大的靈活性 設置Flex布局也很簡單直接css中，設置它的 display:flex 1.flex-direction 容器內元素排列方向 row ：從左至右 row-reverse ：從右至左 ...

效果圖： 實現這個效果主要用到了<colgroup>標簽，來保證表格頭部和內容的寬度一致。將頭部<thead> 和<tbody>,分別放☞到兩個div的<table>標簽下。並給表格內容所在的div 設置 ...

<div class="show-box"> <div class="show-top"> <span>頭部</span> ...

關鍵詞：display: flex，flex: 1, overflow-y: scroll; 實現：head 和footer 固定，中間body多了滾動，少了撐滿； head和footer寬度根據內容撐起，當然你可以自己設置........ 小二，上代碼！ 來嘍~~ 關鍵 ...

官方文檔 https://uniapp.dcloud.io/frame?id=頁面樣式與布局 rpx單位 uni-app 支持的通用 css 單位包括 px、rpx px 即屏幕像素 rpx 即響應式px，一種根據屏幕寬度自適應的動態單位。以750寬的屏幕為基准，750rpx ...

...

...