From 2f7d128d7392405e5aa8264db4fd1cb5c3fa9329 Mon Sep 17 00:00:00 2001
From: szdot <szdot@qq.com>
Date: Wed, 24 Jul 2024 21:43:27 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Atest=20=E5=88=A0=E9=99=A4=E6=B5=8B=E8=AF=95=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91=EF=BC=9A?=
 =?UTF-8?q?=20=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91=EF=BC=9A=20?=
 =?UTF-8?q?=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/As.vue | 95 -------------------------------------------
 1 file changed, 95 deletions(-)
 delete mode 100644 src/components/As.vue

diff --git a/src/components/As.vue b/src/components/As.vue
deleted file mode 100644
index bc706b7..0000000
--- a/src/components/As.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div class="flex column mr mac w-100 h-100" id="mainBox">
-    <div class="content" :class="isContainerVisible ? 'slide-in' : ''">
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-      <p>这里是隐藏的容器内容，可以根据需要添加更多内容。</p>
-    </div>
-    <div class="fb flex gap10 m-b-10" id="bar">
-      <div class="flex1 item" style="height: 100%; background-color: aqua;" @click="showContainer">1</div>
-      <div class="flex1 item" style="height: 100%; background-color: brown;" @click="showContainer">2</div>
-      <div class="flex1 item" style="height: 100%; background-color: blueviolet;" @click="showContainer">3</div>
-      <div class="flex1 item" style="height: 100%; background-color: antiquewhite;" @click="showContainer">4</div>
-    </div>
-  </div>
-
-</template>
-
-<script>
-export default {
-  name: 'As',
-  data () {
-    return {
-      isContainerVisible: false
-    }
-  },
-  methods: {
-    showContainer () {
-      this.isContainerVisible = !this.isContainerVisible
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "@/styles/theme.scss";
-
-#bar {
-  z-index: 90;
-  position: relative;
-  width: 100%;
-  max-width: 480px;
-  height: 100px;
-  padding: 0 10px;
-}
-
-@media (max-width: 480px) {
-  #bar {
-    height: calc(25vw - 20px);
-    /* 调整后的高度 */
-  }
-
-  #mainBox {
-    width: 100vw;
-  }
-}
-
-.gap10 {
-  gap: 10px;
-}
-
-.content {
-  z-index: 90;
-  position: relative;
-  width: 100%;
-  max-width: 480px;
-  background-color: aliceblue;
-  padding: 0 10px;
-  top: 1500px;
-  opacity: 0;
-  transition: top 0.5s ease, opacity 1s ease;
-}
-
-.slide-in {
-  top: -10px;
-  opacity: 1;
-}
-</style>