Files
tamabox/outputs/verify/res-5.html
T
2026-10-19 12:44:32 +08:00

930 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>投票结果</title>
<meta name="msvalidate.01" content="2F185E8E63C93635F50B3574F3B31E42" />
<meta name="description" content="狼的提问箱——一个无需注册、可匿名提问的匿名提问箱,安全地倾诉与回应。">
<meta name="keywords" content="匿名提问箱,提问箱,匿名提问,狼的提问箱,匿名问答,匿名提问网站">
<script>
(function () {
var m = document.cookie.match(/(?:^|;\s*)theme=([^;]*)/);
if (m && m[1] === 'dark') document.documentElement.setAttribute('data-theme', 'dark');
})();
</script>
<link rel="preconnect" href="https://r2.337845818.best" crossorigin>
<link rel="preconnect" href="https://cdnjs.snrat.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.snrat.com/ajax/libs/uikit/3.3.3/css/uikit.min.css"/>
<link rel="stylesheet" href="/static/css/base.css?v=20261019c"/>
<link rel="stylesheet" href="https://r2.337845818.best/tamabox/cdn/waline/client/v2/waline-no-commits.css" media="print" onload="this.media='all'"/>
<script defer src="https://cdnjs.snrat.com/ajax/libs/uikit/3.3.3/js/uikit.min.js"></script>
<script defer src="https://cdnjs.snrat.com/ajax/libs/uikit/3.3.3/js/uikit-icons.min.js"></script>
<script defer src="https://cdnjs.snrat.com/ajax/libs/dayjs/1.10.8/dayjs.min.js"></script>
<script defer src="https://cdnjs.snrat.com/ajax/libs/alpinejs/3.9.0/cdn.min.js"></script>
<script defer src="https://cdnjs.snrat.com/ajax/libs/waline/2.15.8/waline.js"></script>
<style>
.captcha-equation-box {
display: inline-flex;
align-items: center;
background: #f0f2f5;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 8px 8px 8px 16px;
gap: 6px;
transition: border-color 0.2s;
}
.captcha-equation-box:focus-within {
border-color: #1e87f0;
box-shadow: 0 0 0 3px rgba(30,135,240,0.12);
}
.math-captcha-modal-question {
font-size: 1.4rem;
font-family: "Courier New", monospace;
font-weight: 700;
color: #333;
letter-spacing: 1px;
white-space: nowrap;
}
#captcha-modal-answer {
width: 80px;
padding: 6px 10px;
text-align: center;
font-size: 1.2rem;
font-family: "Courier New", monospace;
font-weight: 600;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
transition: border-color 0.15s, box-shadow 0.15s;
background: #fff;
}
#captcha-modal-answer:focus {
border-color: #1e87f0;
box-shadow: 0 0 0 2px rgba(30,135,240,0.2);
}
#captcha-modal-answer::-webkit-inner-spin-button,
#captcha-modal-answer::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#captcha-modal-answer {
-moz-appearance: textfield;
}
</style>
<meta property="og:site_name" content="狼的提问箱 | 匿名提问箱" />
<meta property="og:type" content="website" />
<meta property="og:title" content=" - 狼的提问箱 | 匿名提问箱" />
<meta property="og:url" content="https://box-dev-api.337845818.best/user/votes/5/results" />
<meta property="og:description" content=" - 狼的提问箱——一个无需注册、可匿名提问的匿名提问箱,安全地倾诉与回应。" />
<meta name="robots" content="noindex">
<meta property="og:image" content="?og-image=1" />
<meta property="og:image:alt" content="" />
<meta itemprop="image" content="?og-image=1"/>
<meta name="msapplication-TileImage" content=""/>
<link rel="shortcut icon" href="?og-image=1"/>
<link rel="apple-touch-icon" href="?og-image=1"/>
<link rel="icon" sizes="192x192" href="?og-image=1">
<meta name="twitter:image:src" content="?og-image=1" />
<meta name="google-site-verification" content="fEPwRRJfiGsgwc5SINBQwZhPK8F0cwRaOvRx0YRurI4" />
<script>
window.addEventListener("load", function () {
var s = document.createElement("script");
s.src = "https://mami.shiroko.one/tamami.js";
s.setAttribute("data-website-id", "c42ebe8b-9281-4da0-83a4-8f18b3e710fe");
document.body.appendChild(s);
});
</script>
</head>
<body>
<script>
window.tbRenderQR = function (el, getOptions) {
if (!el || typeof QRCode === 'undefined') return;
var opts = getOptions();
function remoteOf(o, key) {
var v = o[key];
return (typeof v === 'string' && v.indexOf('http') === 0) ? v : '';
}
var good = window._tbQrGood || (window._tbQrGood = {});
var bad = window._tbQrBad || (window._tbQrBad = {});
function layerState(url) { return !url ? '' : (good[url] ? 1 : (bad[url] ? 0 : null)); }
var layers = [
{ url: remoteOf(opts, 'logo'), st: null, present: function (o, on) {
if (on) { } else { o.logo = undefined; o.logoWidth = undefined; o.logoHeight = undefined; o.logoBackgroundTransparent = undefined; }
} },
{ url: remoteOf(opts, 'backgroundImage'), st: null, present: function (o, on) {
if (on) { } else { o.backgroundImage = undefined; o.backgroundImageAlpha = undefined; }
} }
];
var needProbe = false;
for (var i = 0; i < layers.length; i++) {
layers[i].st = layerState(layers[i].url);
if (layers[i].st === null) needProbe = true;
}
function paint(states) {
var o = {};
for (var k in opts) o[k] = opts[k];
for (var j = 0; j < layers.length; j++) layers[j].present(o, states[j] === 1);
el.innerHTML = '';
new QRCode(el, o);
}
var initStates = [];
for (var n = 0; n < layers.length; n++) initStates.push(layers[n].st === 1 ? 1 : 0);
paint(initStates);
if (!needProbe) return;
var pending = 0, cross = opts.crossOrigin || 'anonymous';
layers.forEach(function (L) {
if (L.st !== null) return;
pending++;
var im = new Image();
im.onload = function () { good[L.url] = true; L.st = 1; onDone(); };
im.onerror = function () { bad[L.url] = true; L.st = 0; onDone(); };
if (cross) im.crossOrigin = cross;
im.src = L.url;
});
function onDone() {
if (--pending > 0) return;
var finalStates = [];
for (var m = 0; m < layers.length; m++) finalStates.push(layers[m].st === 1 ? 1 : 0);
var changed = false;
for (var q = 0; q < finalStates.length; q++) if (finalStates[q] !== initStates[q]) changed = true;
if (changed) paint(finalStates);
}
setTimeout(function () { if (pending > 0) { pending = 0; onDone(); } }, 3000);
};
</script>
<nav class="uk-navbar-container uk-margin tb-navbar" uk-navbar>
<div class="uk-navbar-center">
<div class="uk-navbar-center-left">
<div>
<ul class="uk-navbar-nav">
<li><a href="/explore">探索</a></li>
<li><a href="/_/admin6">我的</a></li>
</ul>
</div>
</div>
<a class="uk-navbar-item uk-logo" href="/"><span class="emoji-placeholder" aria-label="random animal">🐺</span>的提问箱</a>
<div class="uk-navbar-center-right">
<div>
<ul class="uk-navbar-nav">
<li><a href="/user/questions">提问</a></li>
</ul>
<ul class="uk-navbar-nav">
<li><a href="/user/profile">设置</a></li>
</ul>
<ul class="uk-navbar-nav tb-nav-utils">
<li>
<a href="#" id="theme-toggle" title="切换深色/浅色模式" aria-label="切换深色/浅色模式">
<span class="tb-icon-light"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8z"/></svg></span><span class="tb-icon-dark"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.2 5.2l1.4 1.4M17.4 17.4l1.4 1.4M18.8 5.2l-1.4 1.4M6.6 17.4l-1.4 1.4"/></svg></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<script>
document.addEventListener("DOMContentLoaded", function() {
const emojis = ["🐺","🐗","🐻","🐨","🐼","🐹","🐭","🐰","🦊","🐮","🐷","🐽","🐸","🐒","🦍","🐔","🐧","🐦","🐤","🐦‍⬛","🦅","🦉","🦇","🐴","🦄","🐝","🦎","🦖","🦕","🐙","🦑","🦐","🦞","🦀","🐡","🐠","🐟","🐬","🐳","🐋","🦈","🐊","🐅","🐆","🦓","🦍","🦧","🐘","🦛","🦏","🐪","🐫","🦒","🦘","🐃","🐂","🐄","🐎","🐖","🐏","🐑","🦙","🐐","🦌","🐕","🐩","🦮","🐕‍🦺","🐈","🐋","🐳","🐬","🐉","🐲"];
const placeholder = document.querySelector('.emoji-placeholder');
if (placeholder) {
placeholder.textContent = emojis[Math.floor(Math.random() * emojis.length)];
}
});
</script>
<div id="tb-mobile-utils">
<button type="button" id="theme-toggle-mobile" class="uk-button uk-button-default uk-button-small"
title="切换深色/浅色模式" aria-label="切换深色/浅色模式">
<span class="tb-icon-light"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8z"/></svg></span><span class="tb-icon-dark"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.2 5.2l1.4 1.4M17.4 17.4l1.4 1.4M18.8 5.2l-1.4 1.4M6.6 17.4l-1.4 1.4"/></svg></span>
</button>
</div>
<script>
(function() {
var THEME_COOKIE = 'theme';
function getTheme() {
var m = document.cookie.match(/(?:^|;\s*)theme=([^;]*)/);
return m ? m[1] : '';
}
function applyTheme(theme) {
if (theme === 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
} else {
document.documentElement.removeAttribute('data-theme');
}
}
function toggleTheme() {
var next = getTheme() === 'dark' ? 'light' : 'dark';
applyTheme(next);
var expires = new Date(Date.now() + 365 * 24 * 3600 * 1000).toUTCString();
document.cookie = THEME_COOKIE + '=' + next + '; path=/; max-age=' + (365 * 24 * 3600) + '; SameSite=Lax';
}
document.addEventListener('DOMContentLoaded', function() {
var buttons = document.querySelectorAll('#theme-toggle, #theme-toggle-mobile');
buttons.forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.preventDefault();
toggleTheme();
});
});
var langSel = document.getElementById('mobile-lang-select');
if (langSel) {
langSel.addEventListener('change', function() {
if (!this.value) return;
var to = window.location.pathname + window.location.search;
window.location.href = '/i18n/' + encodeURIComponent(this.value) + '?to=' + encodeURIComponent(to);
});
}
});
})();
</script>
<div class="uk-container uk-container-xsmall">
<div id="math-captcha-modal" uk-modal>
<div class="uk-modal-dialog uk-modal-body uk-text-center">
<h3 class="uk-modal-title">人机验证</h3>
<p class="uk-text-meta">请计算下方的算术题以验证你不是机器人</p>
<div class="captcha-equation-box">
<span id="captcha-modal-question" class="math-captcha-modal-question">加载中...</span>
<input type="number" id="captcha-modal-answer" placeholder="?" autocomplete="off" inputmode="numeric">
</div>
<div style="margin-top:6px;">
<button type="button" class="uk-button uk-button-text uk-text-small" id="captcha-modal-refresh">换一题</button>
</div>
<div id="captcha-modal-error" class="uk-text-danger uk-text-small" style="display:none;min-height:20px;"></div>
<div class="uk-margin-small-top">
<button type="button" class="uk-button uk-button-primary" id="captcha-modal-submit">提交</button>
<button type="button" class="uk-button uk-button-default uk-modal-close">取消</button>
</div>
</div>
</div>
<script>
var CAPTCHA_I18N = {
loading: "加载中...",
loadFailed: "加载失败",
loadRetry: "加载失败,请重试",
inputAnswer: "请输入答案",
wrongAnswer: "答案错误,请重新计算",
verifyFailed: "验证失败,请重试",
needPassword: "此提问箱需要密码",
needEmail: "请填写接收通知的邮箱地址"
};
</script>
<script>
(function() {
var captchaId = '';
var pendingForm = null;
var pendingNeedPassword = false;
var verifying = false;
function fetchCaptcha() {
var qEl = document.getElementById('captcha-modal-question');
var errEl = document.getElementById('captcha-modal-error');
var ansEl = document.getElementById('captcha-modal-answer');
qEl.textContent = CAPTCHA_I18N.loading;
fetch('/api/captcha/generate')
.then(function(r) { return r.json(); })
.then(function(data) {
if (data.code === 0 && data.data) {
captchaId = data.data.id;
qEl.textContent = data.data.question;
if (errEl) errEl.style.display = 'none';
if (ansEl) { ansEl.value = ''; ansEl.focus(); }
} else {
qEl.textContent = CAPTCHA_I18N.loadFailed;
}
})
.catch(function() {
qEl.textContent = CAPTCHA_I18N.loadRetry;
});
}
function getCSRFToken() {
var input = document.querySelector('input[name="_csrf"]');
return input ? input.value : '';
}
function doSubmit(form) {
var ans = document.getElementById('captcha-modal-answer').value.trim();
var hidden = form.querySelector('[name="g-recaptcha-response"]');
if (hidden) hidden.value = captchaId + ':' + (ans || '0');
UIkit.modal('#math-captcha-modal').hide();
if (pendingNeedPassword) {
UIkit.modal.prompt(CAPTCHA_I18N.needPassword, '', 'password')
.then(function(password) {
if (password) {
var pwInput = document.getElementById('ask_password_input');
if (pwInput) pwInput.value = password;
form.submit();
}
});
} else {
form.submit();
}
}
document.getElementById('captcha-modal-submit').addEventListener('click', function() {
if (verifying) return;
var ans = document.getElementById('captcha-modal-answer').value.trim();
if (!ans) {
var errEl = document.getElementById('captcha-modal-error');
errEl.textContent = CAPTCHA_I18N.inputAnswer;
errEl.style.display = 'block';
return;
}
verifying = true;
fetch('/api/captcha/verify', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-Token': getCSRFToken()
},
body: JSON.stringify({ id: captchaId, answer: parseInt(ans, 10) })
})
.then(function(r) { return r.json(); })
.then(function(data) {
verifying = false;
if (data.correct) {
if (pendingForm) doSubmit(pendingForm);
} else {
var errEl = document.getElementById('captcha-modal-error');
errEl.textContent = CAPTCHA_I18N.wrongAnswer;
errEl.style.display = 'block';
fetchCaptcha();
}
})
.catch(function() {
verifying = false;
var errEl = document.getElementById('captcha-modal-error');
errEl.textContent = CAPTCHA_I18N.verifyFailed;
errEl.style.display = 'block';
fetchCaptcha();
});
});
document.getElementById('captcha-modal-answer').addEventListener('keydown', function(e) {
if (e.key === 'Enter') {
e.preventDefault();
document.getElementById('captcha-modal-submit').click();
}
});
document.getElementById('captcha-modal-refresh').addEventListener('click', fetchCaptcha);
document.addEventListener('click', function(e) {
var btn = e.target.closest('.math-captcha-trigger');
if (!btn) return;
e.preventDefault();
var form = btn.closest('form');
if (!form) return;
pendingForm = form;
pendingNeedPassword = !!(form.querySelector('#ask_password_input'));
var notifyCb = document.getElementById('notify-checkbox');
var emailInput = document.getElementById('email-input');
if (notifyCb && notifyCb.checked && emailInput && emailInput.value.trim() === '') {
UIkit.modal.alert(CAPTCHA_I18N.needEmail);
return;
}
fetchCaptcha();
UIkit.modal('#math-captcha-modal').show();
});
})();
</script>
<div class="uk-flex uk-flex-between uk-flex-middle uk-margin-bottom">
<h3 class="uk-margin-remove">投票结果:11</h3>
<div class="uk-flex uk-flex-middle" style="gap: 8px;">
<a class="uk-button uk-button-default uk-button-small" href="/user/votes/5/export">导出 CSV</a>
<a class="uk-button uk-button-default uk-button-small" href="/user/questions#votes">返回</a>
</div>
</div>
<div class="uk-card uk-card-default uk-card-small uk-card-body uk-margin-bottom">
<div class="uk-text-large uk-text-bold">2</div>
<div class="uk-text-meta">总参与人数</div>
</div>
<h4>投票结果</h4>
<div class="uk-card uk-card-default uk-card-small uk-card-body uk-margin-bottom">
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">1</span>
<span class="uk-label uk-label-primary">单选</span>
<span class="uk-text-bold">11</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>11</span>
<span class="uk-text-meta">2 票(100%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="100" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>22</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>33</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">2</span>
<span class="uk-label uk-label-success">多选</span>
<span class="uk-text-bold">22</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>11</span>
<span class="uk-text-meta">2 票(66%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="66" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>22</span>
<span class="uk-text-meta">1 票(33%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="33" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>33</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">3</span>
<span class="uk-label ">单行文本</span>
<span class="uk-text-bold">33</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-text-meta uk-margin-small-top">已填写: 2</div>
<div class="uk-margin-small-top">
<div class="uk-text-small" style="cursor:pointer; user-select:none; color:#1e87f0;" onclick="toggleFieldReplies('4')" title="点击展开或收起文本回复明细">
<span id="caret-4" style="display:inline-block; transition:transform .15s; transform:rotate(-90deg);">▾</span>
查看文本提交(2)
</div>
<div id="replies-4" hidden>
<ul class="uk-list uk-list-divider uk-margin-small-top">
<li>
<div class="uk-text-meta uk-text-small">2026-08-24 16:05</div>
<div style="white-space:pre-wrap;">12</div>
</li>
<li>
<div class="uk-text-meta uk-text-small">2026-08-24 15:26</div>
<div style="white-space:pre-wrap;">12</div>
</li>
</ul>
</div>
</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">4</span>
<span class="uk-label ">多行文本</span>
<span class="uk-text-bold">44</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-text-meta uk-margin-small-top">已填写: 2</div>
<div class="uk-margin-small-top">
<div class="uk-text-small" style="cursor:pointer; user-select:none; color:#1e87f0;" onclick="toggleFieldReplies('5')" title="点击展开或收起文本回复明细">
<span id="caret-5" style="display:inline-block; transition:transform .15s; transform:rotate(-90deg);">▾</span>
查看文本提交(2)
</div>
<div id="replies-5" hidden>
<ul class="uk-list uk-list-divider uk-margin-small-top">
<li>
<div class="uk-text-meta uk-text-small">2026-08-24 16:05</div>
<div style="white-space:pre-wrap;">12</div>
</li>
<li>
<div class="uk-text-meta uk-text-small">2026-08-24 15:26</div>
<div style="white-space:pre-wrap;">12
1212
121212</div>
</li>
</ul>
</div>
</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">5</span>
<span class="uk-label uk-label-primary">下拉选择</span>
<span class="uk-text-bold">55</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>11</span>
<span class="uk-text-meta">2 票(100%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="100" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>22</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
</div>
<div class="uk-margin-small-top">
<div class="uk-flex uk-flex-between">
<span>33</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">6</span>
<span class="uk-label uk-label-secondary">数字</span>
<span class="uk-text-bold">66</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-text-meta uk-margin-small-top">平均: 4.0(2 票)</div>
</div>
<div class="uk-margin">
<div class="uk-flex uk-flex-middle uk-margin-small-bottom" style="gap: 8px;">
<span class="uk-label">7</span>
<span class="uk-label uk-label-warning">评分</span>
<span class="uk-text-bold">77</span>
<span class="uk-text-meta uk-text-small">回答数: 2</span>
</div>
<div class="uk-text-meta uk-margin-small-top">平均分: 9.0(2 票)</div>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>1 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>2 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>3 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>4 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>5 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>6 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>7 分</span>
<span class="uk-text-meta">0 票(0%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="0" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>8 分</span>
<span class="uk-text-meta">1 票(50%)</span>
</div>
<progress class="uk-progress uk-margin-small-top" value="50" max="100"></progress>
<div class="uk-flex uk-flex-between uk-margin-small-top">
<span>9 分</span>
<span class="uk-text-meta">0 票(0%)</span>