uniapp设置uniapp400没有用

根据提供的引用内容，在uniapp中设置uniapp400没有用的问题有两种情况。第一种是直接给当前组件的根元素添加背景颜色，这样会导致背景颜色只会出现在内容区域，不会满屏显示。解决这个问题的方法是给当前组件的根元素添加绝对定位、宽高百分百，并设置背景颜色。具体的代码示例如下：

template>
  <view class="loginContent">
    <!-- 其他组件内容省略 -->
  </view>
</template>

<style>
.loginContent {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #ffdde1, #ee9ca7);
}
/* 其他不相关的CSS样式省略 */
</style>

第二种情况是给当前组件的根元素添加height:100vh，然后添加背景颜色。这种方式虽然能达到效果，但是会导致屏幕出现滚动条，给用户的体验感不太好。解决这个问题的方法是同样给当前组件的根元素添加绝对定位、宽高百分百，并设置背景颜色。具体的代码示例如下：

<template>
  <view class="loginContent">
    <!-- 其他组件内容省略 -->
  </view>
</template>

<style>
.loginContent {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #ffdde1, #ee9ca7);
  /* 其他不相关的CSS样式省略 */
}
</style>

通过以上两种方法，你可以在uniapp中实现满屏背景颜色的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniapp设置页面背景颜色](https://blog.csdn.net/SSophia/article/details/129120713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]