泉州市总工会

网站介绍

这是一个基于泉州市总工会的官方网站，提供了丰富的信息和服务。网站采用了现代化的设计和技术，为用户提供了舒适、高效的浏览体验。

网站特点

• 响应式设计：根据屏幕大小自动调整页面布局，适应不同设备的显示需求。
• 视频播放：网站使用了video.js插件，提供了一个简洁易用的视频播放器，可以流畅地播放高清视频。
• 表单输入：网站使用了Ant Design组件库中的Select和Radio组件，提供了丰富多样的选择项，并且样式美观。
• 打印优化：在打印设置中隐藏了一些不必要或冗余的内容，以确保打印效果清晰可见。

HTML代码片段

<style>
.video-js { width: 300px; height: 150px; }
.vjs-fluid { padding-top: 56.25% }
</style>
<div class="ant-select ant-select-auto-complete">
<div class="ant-input"></div>
</div>
<div class="ant-select-selection">
<!-- Selection item content -->
</div>
<label class="ant-radio-checked ant-radio-inner">Option</label>
<label class="ant-radio-checked ant-radio-inner">Option</label>
<label class="ant-radio-checked">Option</label>
<label class="ant-radio-inner">Option</label>
<script type="text/javascript">
// JavaScript code here
</script>
@media screen {
.smnoscreen { display: none; }
}
@media print {
.smnoprint { display: none; }
}

以上是一些基本的HTML代码片段，用于展示网站的部分样式和交互效果。你可以根据具体需求进行进一步的开发和定制。记得在实际开发中引入相应的JavaScript文件和资源文件，以实现完整的功能。