🎯 答题插件

基础版 v1.7.8 | 适用于微信小程序、PC、H5

📋 功能介绍

答题插件是一款互动营销工具，通过知识问答的形式提升用户参与度和粘性，同时结合积分奖励机制促进用户活跃。

题库管理 - 目前仅支持选择题，如需其他可定制
随机出题 - 每次答题随机抽取题目，避免重复
积分奖励 - 答对率达标自动发放积分奖励
答题记录 - 完整记录用户答题历史和成绩
次数限制 - 可配置每日答题次数，提高用户回访率

📸 效果演示

🖥️ 后台管理

💻 PC端

📱 H5端

📲 小程序端

⚙️ 配置参数

每次答题数量	可配置，默认3题
通过正确率	可配置，默认60%
奖励积分	可配置，默认10分
每日答题次数	可配置，0为不限制

🚀 定制服务

当前为基础版本，如需更多功能可联系定制开发：

🏆 排行榜功能 ⏱️ 限时答题 🎁 实物奖品 📊 数据统计 🔄 答题闯关 👥 组队PK 📱 其他小程序适配 ✨ 其他功能定制

如需其他功能也可联系定制开发，满足您的个性化需求。

📱 支持平台

基础版支持：微信小程序、PC、H5

如需支持抖音小程序、支付宝小程序、百度小程序等其他平台，欢迎联系定制开发。

💎 可付费支持可视化内或者内嵌在其他小程序内的板块

📞 联系定制开发

客服QQ：3618719365

💡 更多功能持续更新中，欢迎提出您的需求

📖 使用教程

将以下代码复制到对应模板文件中即可显示答题入口：

PC端入口代码（放入 template/pc/index.htm）

<!-- 答题闯关 begin -->
{php}
$quiz_config = [];
$quiz_config_list = \think\Db::name('weapp_quiz_config')->select();
foreach($quiz_config_list as $qc) {
    $quiz_config[$qc['name']] = $qc['value'];
}
{/php}
<div class="layout" style="background: #f8fafb; padding: 60px 0;">
    <div class="container">
        <div class="line" style="background: #ffffff; border-radius: 16px; padding: 0; box-shadow: 0 4px 20px rgba(0,0,0,0.08); overflow: hidden; border: 1px solid #e8eef3;">
            <div class="x5" style="background: #20a53a; padding: 50px 40px; position: relative; overflow: hidden;">
                <div style="position: absolute; width: 200px; height: 200px; background: rgba(255,255,255,0.1); border-radius: 50%; top: -80px; right: -60px;"></div>
                <div style="position: relative; z-index: 1;">
                    <div style="display: inline-block; background: rgba(255,255,255,0.2); color: #fff; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 20px;">每日答题</div>
                    <h2 style="font-size: 32px; color: #fff; margin-bottom: 16px; font-weight: 700; line-height: 1.3;">知识挑战<br>赢取积分奖励</h2>
                    <p style="color: rgba(255,255,255,0.9); font-size: 15px; line-height: 1.7; margin-bottom: 30px;">答对 {:$quiz_config['pass_rate']}% 以上即可获得积分奖励，快来挑战吧！</p>
                    <a href="{:url('plugins/Quiz/start')}" style="display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #20a53a; padding: 14px 32px; border-radius: 8px; text-decoration: none; font-size: 16px; font-weight: 600;">立即答题 <span>→</span></a>
                </div>
            </div>
            <div class="x7" style="padding: 40px 50px; display: flex; align-items: center;">
                <div style="width: 100%;">
                    <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 30px;">
                        <div style="width: 48px; height: 48px; background: #20a53a; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px;">📝</div>
                        <div><h3 style="font-size: 20px; color: #333; margin-bottom: 4px; font-weight: 600;">答题规则</h3><p style="color: #999; font-size: 13px;">简单几步，轻松赢奖励</p></div>
                    </div>
                    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;">
                        <div style="background: #f8fafb; border-radius: 10px; padding: 20px; text-align: center; border: 1px solid #e8eef3;">
                            <div style="font-size: 28px; color: #20a53a; font-weight: 700; margin-bottom: 6px;">{:$quiz_config['question_count']}</div>
                            <div style="font-size: 13px; color: #666;">题目数量</div>
                        </div>
                        <div style="background: #f8fafb; border-radius: 10px; padding: 20px; text-align: center; border: 1px solid #e8eef3;">
                            <div style="font-size: 28px; color: #ff6b35; font-weight: 700; margin-bottom: 6px;">{:$quiz_config['pass_rate']}%</div>
                            <div style="font-size: 13px; color: #666;">通过条件</div>
                        </div>
                        <div style="background: #f8fafb; border-radius: 10px; padding: 20px; text-align: center; border: 1px solid #e8eef3;">
                            <div style="font-size: 28px; color: #2196f3; font-weight: 700; margin-bottom: 6px;">+{:$quiz_config['reward_score']}</div>
                            <div style="font-size: 13px; color: #666;">积分奖励</div>
                        </div>
                    </div>
                    <div style="margin-top: 25px; padding: 16px 20px; background: #e8f5e9; border-radius: 8px; border-left: 3px solid #20a53a;">
                        <p style="color: #2e7d32; font-size: 14px; margin: 0;">💡 <strong>提示：</strong>每日可答题 {$quiz_config.daily_limit|default='3'} 次</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 答题闯关 end -->

移动端入口代码（放入 template/mobile/index.htm）

<!-- 答题闯关 begin -->
{php}
$quiz_config = [];
$quiz_config_list = \think\Db::name('weapp_quiz_config')->select();
foreach($quiz_config_list as $qc) {
    $quiz_config[$qc['name']] = $qc['value'];
}
{/php}
<div class="layout" style="background: #f8fafb; padding: 20px 15px;">
    <div style="background: #20a53a; border-radius: 12px; padding: 25px 20px; position: relative; overflow: hidden;">
        <div style="position: absolute; width: 100px; height: 100px; background: rgba(255,255,255,0.1); border-radius: 50%; top: -30px; right: -20px;"></div>
        <div style="position: relative; z-index: 1;">
            <div style="display: inline-block; background: rgba(255,255,255,0.2); color: #fff; padding: 4px 12px; border-radius: 15px; font-size: 12px; margin-bottom: 12px;">每日答题</div>
            <h2 style="font-size: 22px; color: #fff; margin-bottom: 8px; font-weight: 700;">知识挑战 赢取积分</h2>
            <p style="color: rgba(255,255,255,0.9); font-size: 13px; margin-bottom: 15px;">答对 {:$quiz_config['pass_rate']}% 以上即可获得 +{:$quiz_config['reward_score']} 积分</p>
            <a href="{:url('plugins/Quiz/start')}" style="display: inline-block; background: #fff; color: #20a53a; padding: 10px 24px; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 600;">立即答题 →</a>
        </div>
    </div>
</div>
<!-- 答题闯关 end -->

升级日志

1.0.0

2026-01-26 11:27:52

发布第一个版本