/* pages/mine/mine.wxss */ page{ /* overflow-y: hidden; */ } /* 顶部标签 */ .top{ width: 100vw; height: 63vw; position: relative; } .top .bg>image{ width: 100vw; height: 63vw; } /* 设置 */ .setting{ width: 8vw; height: 8vw; position: absolute; top:3vw; right:3vw; z-index: 100; } .setting>image{ width:100%; height: 100%; } .info{ width: 100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction:column; align-items: center; justify-content: center; } .avatar{ width: 21.47vw; height: 21.47vw; border-radius: 50%; box-shadow: 0vw 0.53vw 1.6vw 0vw rgba(0, 0, 0, 0.15); border: 0.4vw solid #ffffff; margin-bottom:2.33vw; margin-top:-6vw; } .name{ color:#ffffff; font-size: 5.87vw; /* font-weight: bold; */ } .phone{ color:#ffffff; font-size: 3.73vw; margin-top: 1vw; } /* 标签 */ .bottom{ width: 92vw; padding:0 4vw; transform: translate(0,-8%); } .bottom>view{ width:88.13vw; height: 14.67vw; background: #ffffff; box-shadow: 0.6vw 1.04vw 2.27vw 0vw rgba(0, 0, 0, 0.19); border-radius: 2.67vw; border: solid 0.16vw #eeeeee; padding-left: 3.87vw; display: flex; align-items: center; font-size: 4.27vw; /* font-weight: bold; */ color: #333333; margin-bottom:4vw; } /* .bottom>view:last-child{ margin-top: 4.13vw; } */ .bottom>view>image{ width: 7.87vw; height: 7.87vw; border-radius: 1.6vw; margin-right: 2.53vw; }