wangyuan
/
billiards-server


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投票</title>
    <style>
        html,body{
            padding:0;
            margin:0;
            color:#333
        }
        
        .vote{
            /* width: 100%; */
            height: auto;
            background: #ededed;
            border:1px solid #ddd;
            box-sizing: border-box;
            padding:8px 16px;
            margin:8px 16px;
        }
        .vote-enddate{
            height: 56px;
            line-height: 56px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        .vote-item{
            height: 32px;
            line-height: 32px;
        }
        .title {
            padding:16px 0px;
        }
        .vote-button{
            height: 32px;
            width: 100%;
            box-sizing: border-box;
            margin: 8px 0px;
        }
        .process{
            height: 6px;
            width: 80%;
            display: inline-block;
            background: #ccc;
            position: relative;
            margin-right: 12px;
        }
        .result-title{
            height: 22px;
            line-height: 22px;
            display: block;
        }
        .run-process{
            background: rgb(115, 115, 184);
            height: 6px;
            position: absolute;
        }
        .result-item{
            margin: 8px auto;
        }
    </style>
</head>
<body>
    <div class="vote">
        <div class="vote-enddate">
            2020-12-01 投票过期
        </div>
        <div class="title">
            今年的年度候选作品中，你认为哪一步可以夺得年度冠军(单选)
        </div>
        {if condition="$total==false"} 
        <div class="vote-list">
            <div class="vote-item">
                <input type="radio" name="n1" id="d1">
                <label for="d1">死亡循环</label>
            </div>
            <div class="vote-item">
                <input type="radio" name="n1" id="d2">
                <label for="d2">双人成行</label>
                
            </div>
            <div class="vote-item">
                <input type="radio" name="n1" id="d3">
                <label for="d3">白光贴</label>
            </div>
            <div class="vote-group-button">
                <button class="vote-button">投票</button>
            </div>
        </div>
        {else /}
        <div class="vote-result">
            <div class="result-item">
                <span class="result-title">死亡循环</span>
                <span class="process">
                    <span class="run-process" style="width:50%;">

                    </span>
                </span>
                <span>16票</span>
                <span>70%</span>
            </div>
            <div class="result-item">
                <span class="result-title">双人成行</span>
                <span class="process">
                    <span class="run-process" style="width:50%;">

                    </span>
                </span>
                <span>16票</span>
                <span>10%</span>
            </div>
            <div class="result-item">
                <span class="result-title">白光贴</span>
                <span class="process">
                    <span class="run-process" style="width:50%;">

                    </span>
                </span>
                <span>16票</span>
                <span>20%</span>
            </div>
        </div>
        {/if}
    </div>
</body>
</html>