下载APP

扫码下载 网通社APP

扫码下载网通社APP

快  报

销  量 02月

重磅新车

网通社问答

更多
`; } return finalHtml; } /** * 生成单个ul的HTML(包含内部li,严谨处理空数据) * @param {Array} ulData 当前ul的数据源 * @param {Object} config 配置项 * @returns {String} ul的HTML */ function generateSingleUl(ulData, config) { if (!Array.isArray(ulData) || ulData.length === 0) { return ''; // 空ul保留结构 } let liHtml = ''; ulData.forEach(item => { if (item.type === 'vote') { if(item.answer.length > 2 ) { liHtml += generateVoteItem3(item, config); } else { liHtml += generateVoteItem2(item, config); } } else if (item.type === 'ask') { liHtml += generateAskItem(item, config); } }); return ``; } /** * 生成投票项li(修复多active问题,仅一个active) * @param {Object} voteItem 投票数据 * @param {Object} config 配置项 * @returns {String} li的HTML */ function generateVoteItem3(voteItem, config) { const { id,ask_id, title, answer, user_count, user_answered_aid } = voteItem; if (!Array.isArray(answer) || answer.length === 0) { return ''; // 无选项则不生成li } // 步骤1:计算最高票数(处理除数为0) const validAnswers = answer; // 过滤已删除的选项 let answerHtml = ''; validAnswers.forEach((ans, ansIndex) => { if (ansIndex < 4 ) { const { id: ansId, atype, user_count: ansCount } = ans; // 步骤2:严谨判断active(优先级:用户已选 > 最高票(仅第一个最高票) > 无) let isActive = false; if (user_answered_aid !== 0 && ansId == user_answered_aid) { isActive = true; // 用户已选优先 } answerHtml += `
${atype || '未知选项'}
`; } }); return `
  • ${title || '暂无标题'}

    ${answerHtml}
  • `; } /** * 生成投票项li(修复多active问题,仅一个active) * @param {Object} voteItem 投票数据 * @param {Object} config 配置项 * @returns {String} li的HTML */ function generateVoteItem2(voteItem, config) { const { id,ask_id, title, answer, user_count, user_answered_aid } = voteItem; if (!Array.isArray(answer) || answer.length === 0) { return ''; // 无选项则不生成li } // 步骤1:计算最高票数(处理除数为0) const validAnswers = answer; // 过滤已删除的选项 let answerHtml = ''; if( user_answered_aid > 0 ) { var leftPercent = validAnswers[0]['user_count'] / user_count * 100; var rightPercent = validAnswers[1]['user_count'] / user_count * 100; } else { var leftPercent = 50; var rightPercent = 50; } answerHtml += `
    ${validAnswers[0]['atype']}
    ${validAnswers[1]['atype']}
    `; return `
  • ${title || '暂无标题'}

    ${answerHtml}
  • `; } /** * 生成问答项li(严谨处理空数据/异常头像) * @param {Object} askItem 问答数据 * @param {Object} config 配置项 * @returns {String} li的HTML */ function generateAskItem(askItem, config) { const { id , title, content, user_img, user_name } = askItem; if (!title) return ''; // 无标题则不生成li // 严谨处理头像(兼容字符串/数组/null/空值) let avatar = config.defaultAvatar; if (user_img) { if (Array.isArray(user_img) && user_img.length > 0 && user_img[0]) { avatar = user_img[0]; } else if (typeof user_img === 'string' && user_img.trim()) { avatar = user_img; } } return `
  • ${title}

    ${content || '暂无内容'}

  • `; }

    厂商要闻

    赛力斯张兴海:希望与用户一起,把车造得更好,用得更好

    2026-02-08

    东风柳汽迪拜用户大会:全球化战略“走进去”的深度实践

    2026-02-07

    AITO问界与Abu Dhabi Motors 达成战略合作,开启新豪华全球化新篇章

    2026-02-06

    从渠道融合到生态共建,杨龙如何用实战重塑竞争力

    2026-02-10

    3万公里中国大环线!极氪8X硬核实测,定义“新公路之王”

    2026-02-12

    网通社直播

    更多

    热门车型对比

    • 8万以下
    • 8-12万
    • 12-18万
    • 18-25万
    • 25-40万
    • 40万以上
    • 轿车
    • SUV
    • 跑车
    • MPV
    • 面包车
    • 皮卡

              请扫码下载网通社客户端

              iPhone/iPad客户端

              Andriod客户端

              手机版 网通社汽车

              返回顶部