Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品详情页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; padding: 24px 20px 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #ff6b35; line-height: 1.4; } .product-title { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 20px; line-height: 1.5; word-break: break-all; } .sku-section { margin-bottom: 24px; } .sku-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .sku-item { background-color: #f8
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品详情页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; padding: 24px 20px 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #ff6b35; line-height: 1.4; } .product-title { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 20px; line-height: 1.5; word-break: break-all; } .sku-section { margin-bottom: 24px; } .sku-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .sku-item { background-color: #f8
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品详情页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; padding: 24px 20px 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #ff6b35; line-height: 1.4; } .product-title { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 20px; line-height: 1.5; word-break: break-all; } .sku-section { margin-bottom: 24px; } .sku-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .sku-item { background-color: #f8
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品详情页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; padding: 24px 20px 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #ff6b35; line-height: 1.4; } .product-title { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 20px; line-height: 1.5; word-break: break-all; } .sku-section { margin-bottom: 24px; } .sku-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .sku-item { background-color: #f8
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>商品详情页</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; padding: 24px 20px 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #ff6b35; line-height: 1.4; } .product-title { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: center; margin-bottom: 20px; line-height: 1.5; word-break: break-all; } .sku-section { margin-bottom: 24px; } .sku-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .sku-item { background-color: #f8
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>【发现子宫肌瘤2年,月经紊乱6月】CBL教案 - 教师版+学生版</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "宋体", SimSun, serif; font-size: 12pt; max-width: 1100px; margin: 0 auto; padding: 30px 40px; line-height: 1.8; background: #fff; color: #000; } h1 { text-align: center; font-size: 18pt; margin-bottom: 20px; } h2 { font-size: 14pt; margin: 20px 0 10px 0; border-bottom: 2px solid #333; padding-bottom: 4px; } h3 { font-size: 12pt; margin: 14px 0 8px 0; } p { margin: 6px 0; text-indent: 2em; } table { border-collapse: collapse; width: 100%; margin: 12px 0; border: 1px solid #000; font-size: 10.5pt; } th, td { border: 1px solid #000; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; text-align: center; } .version-badge { display: inline-block; padding: 6px 16px; border-radius: 4px; font-weight: bold; font-size: 14pt; margin: 16px 0 8px 0; } .teacher-badge { background:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>【经间期出血2年】CBL教案 - 教师版+学生版</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "宋体", SimSun, serif; font-size: 12pt; max-width: 1100px; margin: 0 auto; padding: 30px 40px; line-height: 1.8; background: #fff; color: #000; } h1 { text-align: center; font-size: 18pt; margin-bottom: 20px; } h2 { font-size: 14pt; margin: 20px 0 10px 0; border-bottom: 2px solid #333; padding-bottom: 4px; } h3 { font-size: 12pt; margin: 14px 0 8px 0; } p { margin: 6px 0; text-indent: 2em; } table { border-collapse: collapse; width: 100%; margin: 12px 0; border: 1px solid #000; font-size: 10.5pt; } th, td { border: 1px solid #000; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; text-align: center; } .version-badge { display: inline-block; padding: 6px 16px; border-radius: 4px; font-weight: bold; font-size: 14pt; margin: 16px 0 8px 0; } .teacher-badge { background: #e8f5e9;
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>【转移性右下腹痛8小时】CBL教案 - 教师版+学生版</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "宋体", SimSun, serif; font-size: 12pt; max-width: 1100px; margin: 0 auto; padding: 30px 40px; line-height: 1.8; background: #fff; color: #000; } h1 { text-align: center; font-size: 18pt; margin-bottom: 20px; } h2 { font-size: 14pt; margin: 20px 0 10px 0; border-bottom: 2px solid #333; padding-bottom: 4px; } h3 { font-size: 12pt; margin: 14px 0 8px 0; } p { margin: 6px 0; text-indent: 2em; } table { border-collapse: collapse; width: 100%; margin: 12px 0; border: 1px solid #000; font-size: 10.5pt; } th, td { border: 1px solid #000; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; text-align: center; } .version-badge { display: inline-block; padding: 6px 16px; border-radius: 4px; font-weight: bold; font-size: 14pt; margin: 16px 0 8px 0; } .teacher-badge { background: #e8f5
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>【转移性右下腹痛8小时】CBL教案 - 教师版+学生版</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "宋体", SimSun, serif; font-size: 12pt; max-width: 1100px; margin: 0 auto; padding: 30px 40px; line-height: 1.8; background: #fff; color: #000; } h1 { text-align: center; font-size: 18pt; margin-bottom: 20px; } h2 { font-size: 14pt; margin: 20px 0 10px 0; border-bottom: 2px solid #333; padding-bottom: 4px; } h3 { font-size: 12pt; margin: 14px 0 8px 0; } p { margin: 6px 0; text-indent: 2em; } table { border-collapse: collapse; width: 100%; margin: 12px 0; border: 1px solid #000; font-size: 10.5pt; } th, td { border: 1px solid #000; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; text-align: center; } .version-badge { display: inline-block; padding: 6px 16px; border-radius: 4px; font-weight: bold; font-size: 14pt; margin: 16px 0 8px 0; } .teacher-badge { background: #e8f5
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>【转移性右下腹痛8小时】CBL教案 - 教师版+学生版</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "宋体", SimSun, serif; font-size: 12pt; max-width: 1100px; margin: 0 auto; padding: 30px 40px; line-height: 1.8; background: #fff; color: #000; } h1 { text-align: center; font-size: 18pt; margin-bottom: 20px; } h2 { font-size: 14pt; margin: 20px 0 10px 0; border-bottom: 2px solid #333; padding-bottom: 4px; } h3 { font-size: 12pt; margin: 14px 0 8px 0; } p { margin: 6px 0; text-indent: 2em; } table { border-collapse: collapse; width: 100%; margin: 12px 0; border: 1px solid #000; font-size: 10.5pt; } th, td { border: 1px solid #000; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; text-align: center; } .version-badge { display: inline-block; padding: 6px 16px; border-radius: 4px; font-weight: bold; font-size: 14pt; margin: 16px 0 8px 0; } .teacher-badge { background: #e8f5