format code
This commit is contained in:
parent
0f43786e79
commit
0fda619b43
@ -2,7 +2,7 @@ import {ApplicationConfig} from '@angular/core';
|
||||
import {provideRouter} from '@angular/router';
|
||||
|
||||
import {routes} from './app.routes';
|
||||
import { provideAnimations } from '@angular/platform-browser/animations';
|
||||
import {provideAnimations} from '@angular/platform-browser/animations';
|
||||
|
||||
export const appConfig: ApplicationConfig = {
|
||||
providers: [provideRouter(routes), provideAnimations()]
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import {Routes} from '@angular/router';
|
||||
|
||||
export const routes: Routes = [
|
||||
|
||||
];
|
||||
export const routes: Routes = [];
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<li class="hover:text-blue-400">就把电话拔下来给他了</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-nowrap">
|
||||
<div class="ml-4 mr-1 shadow-lg w-1/2 h-auto rounded-lg border-2">
|
||||
<h1 class="px-3 pt-2 pb-0 text-2xl text-orange-600 font-bold">
|
||||
@ -35,7 +35,7 @@
|
||||
<li class="hover:text-blue-400">他按键的速度非常快，但是只按0，1两个键</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mr-4 shadow-lg w-1/2 h-auto rounded-lg border-2">
|
||||
<div class="h-auto">
|
||||
<h1 class="px-3 pt-2 pb-0 text-2xl text-orange-600 font-bold flex-nowrap">
|
||||
@ -45,7 +45,7 @@
|
||||
</span>
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex border-2 rounded-lg m-2 p-0 h-auto justify-between flex-nowrap hover:text-blue-500 hover:shadow-lg">
|
||||
<div class="h-16 w-1/2 leading-16 pl-3 overflow-hidden">
|
||||
我渐渐的有些困，我问他这东西要搞多久
|
||||
@ -54,7 +54,7 @@
|
||||
<img class="h-16 w-32" ngSrc="/assets/img/picture.png" alt="" height="601" width="900"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex border-2 rounded-lg m-2 p-0 h-auto justify-between flex-nowrap hover:text-blue-500 hover:shadow-lg">
|
||||
<div class="h-16 w-1/2 leading-16 pl-3 overflow-hidden">
|
||||
他说要几个小时
|
||||
@ -63,7 +63,7 @@
|
||||
<img class="h-16 w-32" ngSrc="/assets/img/picture.png" alt="" height="601" width="900"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex border-2 rounded-lg m-2 p-0 h-auto justify-between flex-nowrap hover:text-blue-500 hover:shadow-lg">
|
||||
<div class="h-16 w-1/2 leading-16 pl-3 overflow-hidden">
|
||||
我给他倒了杯茶，就一个人去隔壁睡觉了
|
||||
@ -75,7 +75,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-2/5 flex-grow mb-4">
|
||||
<div class="h-full my-4 mr-4 shadow-lg rounded-lg border-2">
|
||||
<h1 class="px-6 pt-4 pb-0 text-2xl text-orange-600 font-bold">
|
||||
|
||||
@ -3,28 +3,28 @@
|
||||
@tailwind components;
|
||||
|
||||
.li-img li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
width: 25%; /*四列图片排列*/
|
||||
height: 175px;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
float: left;
|
||||
width: 25%; /*四列图片排列*/
|
||||
height: 175px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.li-img li img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
top: 50%; /*li高度的一半*/
|
||||
transform: translateY(-50%); /*再向上移动自身的50%*/
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
top: 50%; /*li高度的一半*/
|
||||
transform: translateY(-50%); /*再向上移动自身的50%*/
|
||||
}
|
||||
|
||||
/*清除浮动*/
|
||||
.clearfix:after {
|
||||
position: relative;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
position: relative;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
}
|
||||
@ -5,7 +5,7 @@
|
||||
[pauseOnFocus]="pauseOnFocus"
|
||||
(slide)="onSlide($event)"
|
||||
>
|
||||
@for (img of images;track img;let i = $index) {
|
||||
@for (img of images; track img; let i = $index) {
|
||||
<ng-template ngbSlide>
|
||||
<div class="carousel-caption">
|
||||
<h3>My slide {{ i + 1 }} title</h3>
|
||||
|
||||
@ -10,6 +10,6 @@
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
</head>
|
||||
<body class="mat-typography">
|
||||
<app-root></app-root>
|
||||
<app-root></app-root>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
// Custom Theming for Angular Material
|
||||
// For more information: https://material.angular.io/guide/theming
|
||||
@use '@angular/material' as mat;
|
||||
@ -21,11 +20,11 @@ $AngularDemo-warn: mat.define-palette(mat.$red-palette);
|
||||
// Create the theme object. A theme consists of configurations for individual
|
||||
// theming systems such as "color" or "typography".
|
||||
$AngularDemo-theme: mat.define-light-theme((
|
||||
color: (
|
||||
primary: $AngularDemo-primary,
|
||||
accent: $AngularDemo-accent,
|
||||
warn: $AngularDemo-warn,
|
||||
)
|
||||
color: (
|
||||
primary: $AngularDemo-primary,
|
||||
accent: $AngularDemo-accent,
|
||||
warn: $AngularDemo-warn,
|
||||
)
|
||||
));
|
||||
|
||||
// Include theme styles for core and each component used in your app.
|
||||
@ -38,8 +37,14 @@ $AngularDemo-theme: mat.define-light-theme((
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
html, body { height: 100%; }
|
||||
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Roboto, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
/* Importing Bootstrap SCSS file. */
|
||||
@import 'bootstrap/scss/bootstrap';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user