fix: fix the bug in the home page

This commit is contained in:
Rogee
2024-11-28 12:39:05 +08:00
parent c7d10908bd
commit 857c23408b
4 changed files with 13 additions and 34 deletions

View File

@@ -1,35 +1,11 @@
@import './base.css';
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
font-weight: normal;
/* hide browser scrollbar */
body {
scrollbar-width: none;
-ms-overflow-style: none;
}
a,
.green {
text-decoration: none;
color: hsla(160, 100%, 37%, 1);
transition: 0.4s;
padding: 3px;
}
@media (hover: hover) {
a:hover {
background-color: hsla(160, 100%, 37%, 0.2);
}
}
@media (min-width: 1024px) {
body {
display: flex;
place-items: center;
}
#app {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 2rem;
}
/* 隐藏整个滚动条 */
::-webkit-scrollbar {
width: 0;
height: 0;
}

View File

@@ -1,5 +1,6 @@
import { createPinia } from 'pinia'
import { createApp } from 'vue'
import './assets/main.css'
import App from './App.vue'
import router from './router'

View File

@@ -1,6 +1,8 @@
<template>
<van-search v-model="search" placeholder="请输入搜索关键词" />
<van-back-top bottom="80" />
<van-list
v-model:loading="loading"
:finished="finished"