import { css } from "@linaria/core"; import { defineComponent } from "vue"; export default defineComponent({ setup() { return () => (
学生服务/ SERVICES
); }, }); const page = css` position: relative; &::after { position: absolute; content: ""; left: 0; top: 40%; width: 60%; height: 200px; background-color: rgba(53, 152, 107, 0.1); } .service_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; z-index: 2; .ser_item { background-color: #fff; a { padding: 30px 50px; display: flex; align-items: center; color: #333; .ser_icon { padding-right: 40px; border-right: 1px solid #d3d9de; img { width: 108px; height: 108px; object-fit: contain; } } .ser_tit { flex: 1; font-size: 24px; padding-left: 40px; p { margin: 0; } .desc { margin-top: 20px; font-size: 16px; color: #999; } } } } } `;