riot.tag2('list-item-new-quiz', '<a href="/quiz/play/{quiz.hash}"> <div class="quiz_detail"> <b>{quiz.title}</b> <small class="quiz_detail_subtitle">{quiz.subtitle}</small> <small class="quiz_detail_info"> <span if="{quiz.pv_count}">PV: {quiz.pv_count}</span> <span if="{quiz.play_count}">プレイ回数: {quiz.play_count}</span> </small> <small class="quiz_detail_info"> <span if="{quiz.user_name}">つくった人: {quiz.user_name}さん</span> </small> </div> </a>', 'list-item-new-quiz a,[data-is="list-item-new-quiz"] a{ color: #085bbf; display: block; overflow: hidden; border-radius: 8px; background-color: #FFFFFF; min-height: 100px; } list-item-new-quiz a .quiz_detail,[data-is="list-item-new-quiz"] a .quiz_detail{ max-width: 608px; width: 100%; box-sizing: border-box; padding: 16px; } list-item-new-quiz a .quiz_detail small,[data-is="list-item-new-quiz"] a .quiz_detail small{ display: block; font-size: 12px; } list-item-new-quiz a .quiz_detail_info,[data-is="list-item-new-quiz"] a .quiz_detail_info{ position: relative; bottom: 4px; color: #7d7d80; word-wrap: break-all; } list-item-new-quiz a .quiz_detail_info span,[data-is="list-item-new-quiz"] a .quiz_detail_info span{ display: inline-block; margin: 0 8px 0 0; } list-item-new-quiz a .quiz_detail_subtitle,[data-is="list-item-new-quiz"] a .quiz_detail_subtitle{ display: inline-block; margin-bottom: 16px; } list-item-new-quiz a:visited,[data-is="list-item-new-quiz"] a:visited{ color: #47465f; } list-item-new-quiz a:hover,[data-is="list-item-new-quiz"] a:hover{ opacity: 1; transform: scale3d(1.05, 1.05, 1.05); box-shadow: 0 2px 8px #5e5d406b; } list-item-new-quiz .rate_hard,[data-is="list-item-new-quiz"] .rate_hard{ color: #e23229; } list-item-new-quiz .rate_normal,[data-is="list-item-new-quiz"] .rate_normal{ color: #4452cc; } list-item-new-quiz .rate_easy,[data-is="list-item-new-quiz"] .rate_easy{ color: #259930; } @media (max-width: 400px) { list-item-new-quiz a .quiz_thumbnail,[data-is="list-item-new-quiz"] a .quiz_thumbnail{ max-width: 100%; width: 100%; float: inherit; position: relative; height: 140px; } list-item-new-quiz a .quiz_detail,[data-is="list-item-new-quiz"] a .quiz_detail{ max-width: 100%; width: 100%; float: inherit; font-size: 12px; } list-item-new-quiz a .quiz_detail_info,[data-is="list-item-new-quiz"] a .quiz_detail_info{ padding: 2px 0 0; position: relative; font-size: 10px; } list-item-new-quiz a .quiz_detail small,[data-is="list-item-new-quiz"] a .quiz_detail small{ display: block; font-size: 10px; } }', '', function(opts) {
        var self = this;
        this.quiz = {
            hash: '',
            title: '',
            subtitle: '',
            user_name: '',
            thumbnail_url: ''
        }

        this.quizDetail = {
            user_name: '取得中',
            play_count: '取得中',
            pv_count: '取得中'
        }

        this.rate = 0;
        this.rateClass = '';

        this.on('mount', function(){
            self.quiz = this.opts.data;
            self.update();

        });

});