評分佔比條模塊

[[include :scp-wiki-cn:ratemod:sentimentbar-style start={$start} | start=--] | end={$end}]]

[[div class="right-align"]]
[[div class="rate-box-with-sentiment-bar"]]
[[div class="sentiment-bar"]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments width={$width} | width=150px | theme={$theme}]]
[[/div]]
[[module rate]]
[[/div]]
[[/div]]

[[iftags 样版]]
[[div style="border: 1px solid #ddd; padding: 1em;"]]
> ++ 評分佔比條模塊：由[[*user Jochoi]] 製作。
> 
> 非常感謝[[*user Boyu12]] 於Discord上的幫助！
> 非常感謝[[*user W Asriel]] 關於將佔比條整合到評分模塊的提議！
> 另外也非常感謝於QQ群的各位關於顏色配搭的提議！


+++ **備註：佔比條模塊需手動重載入網頁以更新評分比率！**


+ 使用方法與選項解釋：

+++ 獨立佔比條：
在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。

[[div class="code"]]
{{@@[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.55 | nper=0 | dper=0.45 | width=300px | theme=ytp-like]]@@}}
[[/div]]

範例：
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.55 | nper=0 | dper=0.45 | width=300px | theme=ytp-like]]


**uper**：選填。好評佔率，接受少於1的點數或分數（以1為整體）。預設為該頁面的好評數除以總投票數。

**dper**：選填。差評佔率，接受少於1的點數或分數（以1為整體）。預設為該頁面的差評數除以總投票數。

**nper**：選填。中立佔率，接受少於1的點數或分數（以1為整體）。預設為0。

**width**：選填。佔比條寬度。預設為150px。

**theme**：選填。佔比條顏色配搭主題。預設為"greengrayred"。預定義主題如下：

[[collapsible show="+ 打開列表" hide="- 關閉列表"]]
[[table class="wiki-content-table"]]
[[row]]
[[hcell]]
主題使用名
[[/hcell]]
[[hcell]]
顯示效果 (+0.45/X0.1/-0.45)
[[/hcell]]
[[hcell]]
好評條 (+) 顏色
[[/hcell]]
[[hcell]]
中立條 (X) 顏色
[[/hcell]]
[[hcell]]
差評條 (–) 顏色
[[/hcell]]
[[/row]]
[[row]]
[[cell]]
greengrayred
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=greengrayred]]
[[/cell]]
[[cell]]
#3ae845
[[/cell]]
[[cell]]
#a0a0a0
[[/cell]]
[[cell]]
#e83a3a
[[/cell]]
[[/row]]
[[row]]
[[cell]]
ytp-like
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=ytp-like]]
[[/cell]]
[[cell]]
#167ac6
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[/row]]
[[row]]
[[cell]]
purplegrayyellow
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=purplegrayyellow]]
[[/cell]]
[[cell]]
#8a5cbc
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#fcdc3f
[[/cell]]
[[/row]]
[[row]]
[[cell]]
pinkgrayblue
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=pinkgrayblue]]
[[/cell]]
[[cell]]
#ff86ec
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#369ae6
[[/cell]]
[[/row]]
[[row]]
[[cell]]
redgrayblack
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=redgrayblack]]
[[/cell]]
[[cell]]
#ff0000
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#000
[[/cell]]
[[/row]]
[[row]]
[[cell]]
bluegrayred
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=bluegrayred]]
[[/cell]]
[[cell]]
#369ae6
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#ee1111
[[/cell]]
[[/row]]
[[row]]
[[cell]]
prusti
[[/cell]]
[[cell]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments uper=0.45 | nper=0.1 | dper=0.45 | theme=prusti]]
[[/cell]]
[[cell]]
#003153
[[/cell]]
[[cell]]
#ccc
[[/cell]]
[[cell]]
#dcdbd6
[[/cell]]
[[/row]]
[[/table]]
[[/collapsible]]

自定義主題可使用以下代碼定義：

[[collapsible show="+ 顯示代碼" hide="- 隱藏代碼"]]
[[code]]
[[module css]]
.(自定義主題用名，需為英文) .neutralbar {
    background-color: #XXXXXX;
    /* 中立條顏色 */
    color: #XXXXXX;
    /* 中立條文字顏色 */
}
.(自定義主題用名，需為英文) .downbar-base {
    background-color: #XXXXXX;
    /* 差評條顏色 */
}
.(自定義主題用名，需為英文) .downbar-text {
    color: #XXXXXX;
    /* 差評條文字顏色 */
}
.(自定義主題用名，需為英文) .upbar {
    background-color: #XXXXXX;
    /* 好評條顏色 */
    color: #XXXXXX;
    /* 好評條文字顏色 */
}
[[/module]]
[[/code]]
根據需要更改上述代碼細節並放在頁面任何一處，然後於[[include...]]裡把"theme"設為自定義主題用名以使用。
[[/collapsible]]

+++ 附佔比條的評分模塊：
在頁面的開首插入如下的代碼以代替評分模塊與[[>]]。在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。
游標懸浮於右面的評分模塊之上時會拉出佔比條，在移動端上表現為點擊評分模塊任何一處。

Sigma-9:
[[div class="code"]]
{{@@[[include :scp-wiki-cn:ratemod:sentimentbar theme=ytp-like]]@@}}
[[/div]]

黑色標記筆:
[[div class="code"]]
{{@@[[include :scp-wiki-cn:ratemod:sentimentbar | start=bhl | end=--] | theme=ytp-like]]@@}}
[[/div]]

範例：
[[div class="right-align"]]
[[div class="rate-box-with-sentiment-bar"]]
[[div class="sentiment-bar"]]
[[include :scp-wiki-cn:ratemod:sentimentbar-arguments width=150px | theme=ytp-like]]
[[/div]]
[[module rate]]
[[/div]]
[[/div]]

**theme**：與上述相同。

+++ 附佔比條的著作信息模塊：
與[[[credit:start|著作信息模塊]]]的使用方法相同，分別在於"[[include credit:start]]"改為"[[include ratemod:sentimentbar-credit:start]]"。獨立著作信息模塊不受評分佔比條模塊支援。

在頁面的開首插入如下的代碼以代替評分模塊與[[>]]。在[[include...]]之內，你可以根據你自己的需要刪除或者添加選項。
游標懸浮於右面的評分模塊之上時會拉出佔比條，在移動端上表現為點擊評分模塊任何一處。

Sigma-9:
[[div class="code"]]
{{@@[[include :scp-wiki-cn:ratemod:sentimentbar-credit:start theme=ytp-like]]@@
資料
@@[[include :scp-wiki-cn:credit:more]]@@
更多資料
@@[[include :scp-wiki-cn:credit:end]]@@}}
[[/div]]

黑色標記筆:
[[div class="code"]]
{{@@[[include :scp-wiki-cn:ratemod:sentimentbar-credit:start start=bhl | end=--] | theme=ytp-like]]@@
資料
@@[[include :scp-wiki-cn:credit:more]]@@
更多資料
@@[[include :scp-wiki-cn:credit:end]]@@}}
[[/div]]


**theme**：與上述相同。

[[/div]]
[[/iftags]]