六年老店!各大站长推荐,诚信经营!

2026-10-18 技术教材 2 阅读 0 评论 约 4 分钟
六年老店!各大站长推荐,诚信经营!

扫码添加微信

关闭

// 微信客服数据
const wechatData = [
{
id: 1,
name: "2号客服",
wechatId: "PTZG888",
avatar: "https://cdn.aiduihua.com/xiezi/logo2.jpg",
qrcode: "https://cdn.aiduihua.com/xiezi/qrdodes/ewm2.jpeg"
},
{
id: 3,
name: "3号客服",
wechatId: "PTZG886",
avatar: "https://cdn.aiduihua.com/xiezi/logo2.jpg",
qrcode: "https://cdn.aiduihua.com/xiezi/qrdodes/ewm3.jpeg"
}
];

// 初始化客服展示顺序(仅在首次访问时调用)
function initializeOrder() {
const storedOrder = localStorage.getItem('wechatOrder');

if (!storedOrder) {
// 三号客服始终在顶部,二号和一号客服随机排序
const otherServices = wechatData.filter(w => w.id !== 3); // 获取二号和一号客服
const shuffledOthers = [...otherServices].sort(() => Math.random() - 0.5); // 随机排序
const finalOrder = [3, ...shuffledOthers.map(w => w.id)]; // 三号在前,其他随机

localStorage.setItem('wechatOrder', JSON.stringify(finalOrder));
}
}

// 渲染微信卡片
function renderWechatCards() {
const container = document.getElementById('wechatContainer');
container.innerHTML = '';

// 三号客服始终在第一位
const service3 = wechatData.find(w => w.id === 3);

// 获取其他客服(1号和2号)的当前随机顺序
const storedOrder = localStorage.getItem('wechatOrder');
let otherServices;

if (storedOrder) {
const order = JSON.parse(storedOrder);
// 从存储的顺序中获取除了3号以外的客服
const otherIds = order.filter(id => id !== 3);
otherServices = otherIds.map(id => wechatData.find(w => w.id === id));
} else {
// 如果没有存储的顺序,重新随机排序1号和2号
const others = wechatData.filter(w => w.id !== 3);
otherServices = [...others].sort(() => Math.random() - 0.5);
const finalOrder = [3, ...otherServices.map(w => w.id)];
localStorage.setItem('wechatOrder', JSON.stringify(finalOrder));
}

// 按顺序渲染:先渲染3号客服,再渲染其他客服
const allServices = [service3, ...otherServices];

allServices.forEach(wechat => {
const card = document.createElement('div');
card.className = 'wechat-card';
card.innerHTML = `

${wechat.name}

下载地址

⚠️ 下载链接为动态加载,请访问原文获取:前往原文下载

约 4 分钟

评论 (0)

暂无评论,快来抢沙发吧

0%