/* pages/index/index.wxss */ .bg{ width: 100vw; height: 100vh; } .content{ width: 100vw; height: 100vh; position: fixed; display: flex; flex-direction: column; align-items: center; } .content-gif{ width: 19vh; height: 18.6vh; margin-bottom: 1.5vh; } .content-title{ font-size: 5vh; color: #ff4c91; text-align: center; margin-bottom: 2.5vh; } .image{ width: 24vh; height: 21vh; border: 2px solid #ff4c91; border-radius: 50%; } .content-info{ width: 45vw; text-align: center; margin-top: 3vh; display: flex; align-items: center; } .content-name{ color: #ff4c91; font-size: 2.7vh; line-height: 4.5vh; font-weight: bold; position: relative; } .content-name > image{ width: 2.6vh; height: 2.6vh; border: 1px solid #ff4c91; border-radius: 50%; position: absolute; top: -1vh; right: -3.6vh; } .content-wedding{ flex: 1; } .content-wedding > image{ width: 5.5vh; height: 5.5vh; margin-left: 20rpx; } .content-address{ margin-top: 5vh; color: #ec5f89; font-size: 2.5vh; font-weight: bold; text-align: center; line-height: 4.5vh; } .content-address view:first-child{ font-size: 3vh; padding-bottom: 2vh; }