vue 变换背景颜色（末尾元素不能使用margin,用padding代替）

最新推荐文章于 2024-07-18 15:58:33 发布

monkey_zero

最新推荐文章于 2024-07-18 15:58:33 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_40073208/article/details/103783509

vue 专栏收录该内容

11 篇文章

订阅专栏

本文深入探讨了前端开发的关键技术，包括如何使用Vue框架优化页面交互体验，通过Webpack实现资源的高效打包，以及利用Babel进行代码转换以提高兼容性。文章还详细介绍了如何为页面元素添加样式和背景色，以及在不同屏幕尺寸下保持良好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="question">//关键
    <van-sticky>
      <back :title="title"></back>
    </van-sticky>
    <van-collapse v-model="activeName" accordion>
      <div class="list" v-for="(tit,i) in contents" :key="i">
        <van-collapse-item :title="tit.title" :name="i">{{tit.content}}</van-collapse-item>
      </div>
    </van-collapse>
  </div>

// 内容超出一屏，需要加上接口中使用
    getList() {
        document
          .getElementById("question")
          .setAttribute("style", "background-color:#f6f6f6");
    }
  },
  // 进入加入背景颜色
  mounted() {
    document
      .querySelector("body")
      .setAttribute("style", "background-color:#f6f6f6");
  },
  // 离开去除背景颜色
  beforeDestroy() {
    document.querySelector("body").removeAttribute("style");
  }