这是一个基于Vue.js的网站。该网站使用了一个名为”default”的样式表,其中定义了一些CSS类来控制页面元素的样式。
主要的HTML结构是一个嵌套在.embed-hot-issue
元素内部的.embed-hot-issue-item
元素数组。每个.embed-hot-issue-item
元素具有以下共同的样式属性:
- 绝对定位(
position:absolute
)和背景色为白色(background:#fff
)。 - 具有8px的内边距,上下左右分别为6px。
- 具有14像素的圆角边框(
border-radius:14px
)。 - 具有透明度为0的样式(
opacity:0
),并且通过transform:translateY(-20px)
向下平移了20像素,以实现淡入效果。 - 最大宽度为45vw,最小宽度为80px。
.embed-hot-issue-item
元素还包括一个带有.embed-hot-issue-icon
类名的子元素,用于显示图标或图像。
整个网站的设计风格简洁、现代化,使用了扁平化设计和圆角元素等常见的网页设计元素。通过CSS过渡效果(transition:all 1s ease
)实现了动画效果,使得页面元素在出现和消失时呈现出平滑的过渡效果。