diff --git a/public/styles/css/editor.css b/public/styles/css/editor.css index fe68270..551e9db 100644 --- a/public/styles/css/editor.css +++ b/public/styles/css/editor.css @@ -1,80 +1,106 @@ - @font-face { - font-family: SFProDisplay; - src: url('./styles/font/SF-Pro-Display-Regular.otf'); + font-family: SFProDisplay; + src: url('./styles/font/SF-Pro-Display-Regular.otf'); } @font-face { - font-family: ProximaNova; - src: url('./styles/font/ProximaNova-Regular.otf'); + font-family: ProximaNova; + src: url('./styles/font/ProximaNova-Regular.otf'); } -.mce-content-body:not([dir=rtl]) blockquote { - padding: 8px 15px; - border-left: 0; - background-color: #ededed; +.mce-content-body:not([dir='rtl']) blockquote { + padding: 8px 15px; + border-left: 0; + background-color: #ededed; } .tiny-wrap { - /* width: 900px; */ - margin: 0 auto; + /* width: 900px; */ + margin: 0 auto; } .tiny-wrap blockquote p { - margin: 0; - font-style: italic; + margin: 0; + font-style: italic; } .tiny-wrap .block { - margin-bottom: 20px; - overflow: hidden; + margin-bottom: 20px; + overflow: hidden; } .tiny-wrap .block .fl { - float: left; - margin: 0 20px 0 0; + float: left; + margin: 0 20px 0 0; } .tiny-wrap .block .fr { - float: right; - margin: 0 0 0 20px; + float: right; + margin: 0 0 0 20px; } .tiny-wrap .block p { - margin: 0 0 10px; - font-size: 19px; - font-family: SFProDisplay; - font-weight: 400; - color: #101010; - line-height: 32px; -} -.tiny-wrap .en-block p, .tiny-wrap .en-block .img-des { - font-family: ProximaNova; - letter-spacing: -.0135em; - line-height: 1.5em; + margin: 0 0 10px; + font-size: 19px; + font-family: SFProDisplay; + font-weight: 400; + color: #101010; + line-height: 32px; +} +.tiny-wrap .en-block p, +.tiny-wrap .en-block .img-des { + font-family: ProximaNova; + letter-spacing: -0.0135em; + line-height: 1.5em; } .tiny-wrap .block .tiny-title { - margin: 10px 0; - font-size: 24px; - font-family: SFProDisplay; - font-weight: 500; - color: #101010; - line-height: 32px; + margin: 10px 0; + font-size: 24px; + font-family: SFProDisplay; + font-weight: 500; + color: #101010; + line-height: 32px; } .tiny-wrap .quote { - padding: 15px; - margin-bottom: 10px; - font-size: 16px; - font-style: italic; - border: 1px solid #e3e3e3; - background-color: #f1f1f1; + padding: 15px; + margin-bottom: 10px; + font-size: 16px; + font-style: italic; + border: 1px solid #e3e3e3; + background-color: #f1f1f1; } .tiny-wrap .img-wrap { - text-align: center; + text-align: center; } .tiny-wrap .img-wrap img { - max-width: 600px; - max-height: 600px; + max-width: 600px; + max-height: 600px; } .tiny-wrap .block .img-des { - margin: 10px 0 0; - font-size: 14px; - color: #8d8d8d; - text-align: center; + margin: 10px 0 0; + font-size: 14px; + color: #8d8d8d; + text-align: center; } .tiny-wrap .block .pic { - width: 300px; - height: 190px; -} \ No newline at end of file + width: 300px; + height: 190px; +} + +.tiny-report h2 { + font-size: 30px; + font-weight: 600; + text-align: center; +} +.tiny-report h6 { + margin: 2em 0 0; + font-size: 20px; + font-weight: 600; +} +.tiny-report ul { + padding-left: 20px; + margin: 1em 0; +} +.tiny-report ul li { + list-style: disc; +} +.tiny-report ol { + padding-left: 20px; + margin: 1em 0; +} +.tiny-report ol li { + padding-left: 20px; + list-style: decimal; +} diff --git a/src/components/editor.js b/src/components/editor.js index 0176b2a..9f5ef0f 100644 --- a/src/components/editor.js +++ b/src/components/editor.js @@ -212,91 +212,344 @@ export default { }, //为内容模板插件提供预置模板 templates: [ - { title: '中文文章模板1', description: '图片文字流', content: ` -
-
-
- -

图片描述

-
-
-

S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL为科学家和企业用户提供了一种具有超高时间分辨、空间分辨和能量分辨的新方法、新技术。 S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL为科学家和企业用户提供了一种具有超高时间分辨、空间分辨和能量分辨的新方法、新技术。 S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL为科学家和企业用户提供了一种具有超高时间分辨、空间分辨和能量分辨的新方法、新技术。 S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。 -

-
-
-
-
- -

图片描述

-
-
-

集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，

-

S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。

-
-
-
- ` - }, - { title: '英文文章模板1', description: '图片文字流', content: ` -
-
-
- -

Picture description

-
-
-

One of the major barriers to treating pain effectively is rooted in providers’ fear of killing their patients. This includes caregivers who may be family or friends. In a 2014 study I led of nonprofessional hospice caregivers, we found that the majority of pain medication errors caregivers made involved administering less than the prescribed dose, which makes it difficult for patients to achieve optimal pain relief.

-

Meanwhile, more than 11 million Americans – often family members or friends – provide unpaid care for people with Alzheimer's or other dementias, according to calculations by the Alzheimer’s Association. In 2021, caregivers for people with Alzheimer’s or other dementias provided an estimated 16 billion hours of unpaid care valued at nearly $272 billion.My father took her to the emergency room. A doctor found a severe knee infection and took her into surgery. She was hospitalized for two weeks, followed by two months of rehabilitation at a skilled nursing facility.

-

If you heated the salt on your kitchen table up to 801 C (1,474 F), it would melt, and you’d have molten salt. However, for making and storing energy, not just any salt will do. Scientists are exploring different combinations of salts to get the exact properties needed to cool and fuel a nuclear power reactor efficiently for decades. These properties include lower melting temperatures, the right consistency, and the ability to absorb high amounts of heat, among others.

-
“We used experimental results to validate our simulation. At the same time, the simulation results provided us more details about which salts to study further. They work with each other.” — Jicheng Guo, chemical engineer at Argonne National Laboratory
-

Which molten salt blueprints will deliver the desired traits for a nuclear reactor? The potential variations are nearly endless. The study set out to determine whether computer simulations driven by machine learning could guide and refine real-world experiments at the Advanced Photon Source (APS), a DOE Office of Science user facility at Argonne. The results were recently published in the journal Physical Review B.

-

“We used experimental results from the APS to validate our simulation. At the same time, the simulation results provided us more details about which salts to study further. They work with each other,” said Jicheng Guo, a chemical engineer at Argonne and the paper’s lead author. “This allows us to study multiple compositions at the same time.”

-
-
-
- ` - }, - { title: '新闻模板', description: '', content: ` -
-
-
- -

图片描述

-
-
-

S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。S³FEL汇聚并培养信息、生命、材料、能源等学科领域的国际水平科技领军人才，集聚世界前沿和原创性科学技术及产业研发，将推动一批高水平大学和科研机构的科技人才队伍建设及相关学科的高质量发展，营造粤港澳大湾区人才高地，并助力粤港澳大湾区国际科技创新中心的建设。此外， S³FEL作为重要的科普教育基地，是展示我国科技实力、提高全民族科学素质和民族自信的重要宣传窗口。 S³FEL主体建筑将成为深圳市地标式建筑，促进提升深圳市的城市形象和国际化知名度。

-
- Here is a long quotation here is a long quotation here is a long quotation - here is a long quotation here is a long quotation here is a long quotation - here is a long quotation here is a long quotation here is a long quotation. -
-
-
-
-
- -

图片描述

-
-
-
小标题
-

S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL为科学家和企业用户提供了一种具有超高时间分辨、空间分辨和能量分辨的新方法、新技术。 S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。S³FEL主要由一台超导直线加速器、波荡器、光束线和实验站组成，可产生重复频率达1MHz、电子束能量达2.5 GeV的软X 射线自由电子激光，可在百飞秒内级实现原子、分子及外壳层电子结构的无损、动态监测，是科学家认识和了解物质微观结构及动态变化的“高速摄像机”。S³FEL为科学家和企业用户提供了一种具有超高时间分辨、空间分辨和能量分辨的新方法、新技术。 S³FEL在量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的应用研究，将为促进我国战略性新兴产业创新发展和关键。 -

-
-
-
- ` - }, - { title: '图片描述', description: '', content: ` -
-
-
- -

图片描述

-
-
-
- ` - } + { title: '个股分析报告', description: '', content: ` +
+

个股分析报告

+
1.引言
+ + +
2.公司概况
+ + +
3.财务分析
+ + +
4.行业比较和竞争分析
+ + +
5.市场前景和趋势
+ + +
6.投资评估和风险分析
+ + +
7.结论和建议
+ + +
8.参考文献
+ +
+ ` + }, + + { title: '行业数据分析报告', description: '', content: ` +
+

行业数据分析报告

+
1.引言
+ + +
2.行业概述
+ + +
3.行业规模和增长趋势
+ + +
4.主要参与者和竞争格局
+ + +
5.消费者行为和市场需求
+ + +
6.技术创新和趋势
+ + +
7.政策和法规环境
+ + +
8.风险与挑战
+ + +
9.结论和展望
+ + +
10.参考文献
+ +
+ ` + }, + + { title: '宏观数据分析报告', description: '', content: ` +
+

宏观数据分析报告

+
1.引言
+ + +
2.数据来源和方法
+ + +
3.宏观经济指标分析
+ + +
4.产业和部门分析
+ + +
5.外部环境分析
+ + +
6.风险与挑战
+ + +
7.结论和展望
+ + +
8.参考文献
+ +
+ ` + }, + + { title: '可视化报告', description: '', content: ` +
+

可视化报告

+
1.封面
+ + +
2.目录
+ + +
3.引言
+ + +
4.数据总览
+ + +
5.主要发现
+ + +
6.数据分析
+ + +
7.行业比较和竞争分析
+ + +
8.市场前景和趋势
+ + +
9.投资评估和风险分析
+ + +
10.结论和建议
+ + +
11.附录
+ +
+ ` + }, + + { title: '数据分析报告', description: '', content: ` +
+

数据分析报告

+
1.引言
+ + +
2.数据来源和方法
+ + +
3.数据概览
+ + +
4.数据清洗和预处理
+ + +
5.数据分析结果
+ + +
6.数据解读和发现
+ + +
7.分析方法和模型
+ + +
8.结果验证和可靠性
+ + +
9.结论和建议
+ + +
10.限制和局限性
+ + +
11.参考文献
+ + +
12.附录
+ +
+ ` + }, ], // content_security_policy: "https://cdn.tiny.cloud/1/rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda/tinymce/6/tinymce.min.js", // extended_valid_elements:'script[src]', diff --git a/src/pages/achievement/show/index.vue b/src/pages/achievement/show/index.vue index 1cc43be..b8a0b74 100644 --- a/src/pages/achievement/show/index.vue +++ b/src/pages/achievement/show/index.vue @@ -332,6 +332,7 @@ export default {