diff --git a/src/app/body/body.component.html b/src/app/body/body.component.html index 89e62f8..835bf4c 100644 --- a/src/app/body/body.component.html +++ b/src/app/body/body.component.html @@ -1,115 +1,92 @@ -
-
-
-

- 学院新闻 - - 更多>> - -

-
    -
  • 很久以前，那还是我用win98的时候有次我系统崩溃了
    • -
  • 因为我是电脑白痴
    • -
  • 我朋友给我介绍了一个高手来帮我修电脑
    • -
  • 他看了一下电脑，问我有没有98的盘
    • -
  • 我说没有
    • -
  • 他想了一下，叫我把固定电话拿给他
    • -
  • 我想修电脑要电话干什么
    • -
  • 但人家是高手，我也不好说什么
    • -
  • 就把电话拔下来给他了
    • -
-
+
+ + 学院新闻 + + 很久以前，那还是我用win98的时候有次我系统崩溃了 + 因为我是电脑白痴 + 我朋友给我介绍了一个高手来帮我修电脑 + 他看了一下电脑，问我有没有98的盘 + 我说没有 + 他想了一下，叫我把固定电话拿给他 + 我想修电脑要电话干什么 + + -
-
-

- 学术动态 - - 更多>> - -

-
    -
  • 他把电话线空着的一头接在电脑的一个插孔内
    • -
  • 然后进入了dos
    • -
  • 然后就开始在电话上不停的按着键
    • -
  • 他按键的速度非常快，但是只按0，1两个键
    • -
-
+ + 学术动态 + + 但人家是高手，我也不好说什么 + 就把电话拔下来给他了 + 他把电话线空着的一头接在电脑的一个插孔内 + 然后进入了dos + 然后就开始在电话上不停的按着键 + 他按键的速度非常快，但是只按0，1两个键 + + -
-
-

- 历史学习 - - 更多>> - -

-
+ + 历史学习 + + + + + + + + -
-
- 我渐渐的有些困，我问他这东西要搞多久 -
-
- -
-
+ + + + + + + + -
-
- 他说要几个小时 -
-
- -
-
+ + + + + + + + + + 我渐渐的有些困，我问他这东西要搞多久 + 他说要几个小时 + 我给他倒了杯茶，就一个人去隔壁睡觉了 + + -
-
- 我给他倒了杯茶，就一个人去隔壁睡觉了 -
-
- -
-
-
-
-
- -
-
-

- 信息公告 - - 更多>> - -

-
    -
  • 醒来的时候，一看已经过了4个多小时
    • -
  • 我起身到隔壁，看见他正在98里面调试
    • -
  • 过了一会儿，他说，你试试，我坐上椅子用了一下，真的好了
    • -
  • 我当时也不懂电脑
    • -
  • 谢过人家就走了
    • -
  • 后来我慢慢对电脑有了了解
    • -
  • 终于了解
    • -
  • 原来当时那位高手是用机器语言编了一个98系统
    • -
  • 我后来问我朋友那位高手的下落
    • -
  • 朋友说前几年去了美国之后
    • -
  • 杳无音讯……
    • -
-
-
+ + 信息公告 + + 醒来的时候，一看已经过了4个多小时 + 我起身到隔壁，看见他正在98里面调试 + 过了一会儿，他说，你试试，我坐上椅子用了一下，真的好了 + 我当时也不懂电脑 + 谢过人家就走了 + 后来我慢慢对电脑有了了解 + 终于了解 + 原来当时那位高手是用机器语言编了一个98系统 + 我后来问我朋友那位高手的下落 + 朋友说前几年去了美国之后 + 杳无音讯…… + +
-
- -
\ No newline at end of file + + + + + + + + + + + + + diff --git a/src/app/body/body.component.scss b/src/app/body/body.component.scss index 4064db1..57530c6 100644 --- a/src/app/body/body.component.scss +++ b/src/app/body/body.component.scss @@ -27,4 +27,14 @@ height: 0; visibility: hidden; clear: both; +} + +.container { + padding: 24px; +} + +.responsive-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(min(50vw, 550px), 1fr)); + gap: 24px; } \ No newline at end of file diff --git a/src/app/body/body.component.ts b/src/app/body/body.component.ts index 2cdc516..3feab56 100644 --- a/src/app/body/body.component.ts +++ b/src/app/body/body.component.ts @@ -1,5 +1,8 @@ -import {Component} from "@angular/core"; -import {NgOptimizedImage} from "@angular/common"; +import { Component } from "@angular/core"; +import { NgForOf, NgOptimizedImage } from "@angular/common"; +import { MatGridListModule } from "@angular/material/grid-list"; +import { MatCardModule } from "@angular/material/card"; +import { MatListModule } from "@angular/material/list"; @Component({ standalone: true, @@ -7,10 +10,13 @@ import {NgOptimizedImage} from "@angular/common"; templateUrl: './body.component.html', styleUrls: ['./body.component.scss'], imports: [ - NgOptimizedImage + NgOptimizedImage, + MatGridListModule, + MatCardModule, + NgForOf, + MatListModule ] }) export class BodyComponent { - } \ No newline at end of file