飛狼實驗室[wp]

參考網址：https://www.geeksforgeeks.org/bootstrap-5-offcanvas-sass/

bootstrap Offcanvas 預設寬度是400px，要改變寬度，似乎得從SASS下手
 

.offcanvas { 
    position: fixed; 
    bottom: 0; 
    z-index: var(--bs-offcanvas-zindex); 
    display: flex; 
    flex-direction: column; 
    max-width: 100%; 
    color: var(--bs-offcanvas-color); 
    visibility: hidden; 
    background-color: var(--bs-offcanvas-bg); 
    background-clip: padding-box; 
    outline: 0; 
    transition: transform 2s ease-in-out; 
} 
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { 
    --bs-offcanvas-zindex: 1045; 
    --bs-offcanvas-width: 400px; 
    --bs-offcanvas-height: 30vh; 
    --bs-offcanvas-padding-x: 1rem; 
    --bs-offcanvas-padding-y: 1rem; 
    --bs-offcanvas-color: white; 
    --bs-offcanvas-bg: green; 
    --bs-offcanvas-border-width: 1px; 
    --bs-offcanvas-border-color: var(--bs-border-color-translucent); 
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 
} 
.offcanvas-title { 
    margin-bottom: 0; 
    line-height: 4; 
} 
上方將要改變的參數加入var()
下方再改變值
例如：
上方 width: var(--bs-offcanvas-width);
下方--bs-offcanvas-width: 200px; 

參考網址：https://bootstrap5.hexschool.com/docs/5.0/content/tables/
 

表格的一些屬性被bootstrap重置了，以致於以下作法無效。
html表格table显示的宽度超出界面的解决方法
https://blog.csdn.net/weixin_44518466/article/details/111921984
 

<div style="overflow: auto;">
<table></table>
</div>

原因是bootstap針對單一檔案內 CSS 的特定元素重置樣式，重置以便 Bootstrap 準確且一致的建立樣式。
https://bootstrap5.hexschool.com/docs/5.0/content/reboot/

解決方法是直接套用bootstrap的表格設定

<div class="table-responsive">     
<table class="table table-bordered border-primary table-hover">
</table>
</div>

參考網址：https://segmentfault.com/a/1190000038976961

arr=[
            [
                'age'=>50,
                'name'=>'张三'
            ],
            [
                'age'=>18,
                'name'=>'李四'
            ],
            [
                'age'=>27,
                'name'=>'王五'
            ]
        ];

我们怎么按照age或name排序呢?我们可以使用array_multisort这个函数来进行按指定字段排序。

array_multisort(array_column($arr,'age'),SORT_ASC,$arr);
var_dump($arr);

還有一個問題，如何指定第二個鍵值呢？
在 https://www.php.net/manual/en/function.array-multisort.php 找到答案
 

Arbitrarily sort the two-dimensional array according to multiple keys:

array_multisort (
    array_column($array, 'key1'), SORT_ASC,
    array_column($array, 'key2'), SORT_DESC,
    array_column($array, 'key3'), SORT_ASC,
    array_column($array, 'key4'), SORT_DESC,
    $array
);

400公尺有兩種顯示格式：秒格式，分格式
修改想法，成績輸入時還是用99.99的格式
寫個function把格式轉換後再顯示出來
 

//將成績的秒格式轉換成分格式 
//適用400公尺 成績>=60秒得用分的格式表示
//傳回：成績>=60 ==>分格式 例：86.00 ==> 1:26.00
//傳回：成績<60  ==>秒格式 例：56.00 ==> 56.00
function sec2m($score,$pg,$pi)  {
    //echo "{$pg}_{$pi}_{$score}--";
    //把成績分成分和秒
    $ss=explode(".", $score);

    if($score >= 60 and $pg <=20 and $pi == 13)  {
        $m = (int)($score / 60) ;
        $sec =sprintf("%02d",$ss[0] % 60) ;
        $score = $m.":".$sec.".".$ss[1] ;
    }
    //echo "{$pg}_{$pi}_{$score}****";
    return $score;
}

同時修改檢錄單及成績報告表spr.php
 

大約200行
$my_player[$squad][$lane][pre_score]=sec2m($my_test[score],$row[play_group_id],$play_item_id);

大約216行
$my_player[$squad][$lane][score] = sec2m($row[score],$row[play_group_id],$play_item_id).$break_str;