易社保源码易社保 知乎
社保服务
社保缴纳服务" class="w-full h-48 object-cover">
社保缴纳
覆盖全国40+城市,线上自助参保,流程简化高效
社保费用计算器
关于我们
杭州捷保有信信息技术有限公司开发的专业社保服务平台
// 初始化Chart.js图表
function initInsuranceChart {
const ctx = document.getElementById('insuranceChart').getContext('2d');
new Chart(ctx, {
type: 'doughnut',
labels: ['养老保险', '医疗保险', '失业保险', '工伤保险', '生育保险', '公积金'],
datasets: [{
[22, 12, 1, 0.5, 1, 12],
backgroundColor: [
'3B82F6',
'10B981',
'F59E0B',
'EF4444',
'8B5CF6',
'EC4899'
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'right'
});
// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function {
initInsuranceChart;
// 其他初始化代码...
});
/ 自定义动画效果 /
keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
.service-card {
animation: fadeIn 0.5s ease-out forwards;
opacity: 0;
.service-card:nth-child(1) { animation-delay: 0.1s; }
.service-card:nth-child(2) { animation-delay: 0.2s; }
.service-card:nth-child(3) { animation-delay: 0.3s; }
/ 响应式调整 /
media (max-width: 768px) {
.calculator-section {
flex-direction: column;