@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ .mysetting.data-v-9e38724c { display: flex; justify-content: center; align-items: center; } .mysetting .ms-top.data-v-9e38724c { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .mysetting .contentAll.data-v-9e38724c { display: flex; /* 启用 flexbox 布局 */ height: 100vh; justify-content: flex-start; /* 子元素从顶部开始排列*/ align-items: center; /* 垂直方向上居中 */ width: 100%; flex-direction: column; /* 改为垂直排列子元素 */ margin-left: auto; margin-right: auto; } .mysetting .contentAll .myhead.data-v-9e38724c { width: 90%; display: flex; align-items: center; height: 11%; border-bottom: 2rpx solid #dfdfdf; } .mysetting .contentAll .myhead text.data-v-9e38724c { padding-left: 5rpx; size: 2rpx; } .mysetting .contentAll .myhead .headimage.data-v-9e38724c { width: 60rpx; height: 60rpx; margin-right: 25rpx; border-radius: 50%; /* 使其成为圆形 */ object-fit: cover; margin-left: auto; /* 将图片推到右侧 */ } .mysetting .contentAll .myview.data-v-9e38724c { width: 90%; display: flex; align-items: center; height: 8%; border-bottom: 2rpx solid #dfdfdf; } .mysetting .contentAll .myview text.data-v-9e38724c { padding-left: 5rpx; size: 2rpx; } .mysetting .contentAll .myview .mytext.data-v-9e38724c { text-align: right; width: auto; height: auto; margin-top: auto; margin-bottom: auto; margin-right: 5rpx; margin-left: auto; } .mysetting .settingSubmit.data-v-9e38724c { background: linear-gradient(80deg, #4BACFF 0%, rgba(75, 174, 255, 0.5) 100%); height: 100rpx; font-size: 30rpx; font-weight: bold; color: #fff; width: 90%; display: flex; align-items: center; justify-content: center; border-radius: 56rpx; padding: 0; margin-bottom: 60rpx; position: absolute; bottom: 0rpx; } .mysetting .settingSubmit.data-v-9e38724c::after { display: none; }