/**index.wxss**/ .page { height: 100vh; display: flex; flex-direction: column; background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/bg2.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; justify-content: space-between; } .top { padding-top: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .section { width: 339px; height: 136px; display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 25px; position: relative; color: #a59d99; } .section .cover { background-repeat: no-repeat; background-position: top top; background-size: cover; width: 100%; height: 114px; position: absolute; top: 0; left: 0; z-index: 100; } .section .cover1 { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic1.png'); } .section .cover2 { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic2.png'); } .section .cover3 { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic3.png'); } .section .text { background-color: #ffffff; width: calc(100% - 28px); height: 38px; border-radius: 10px; position: absolute; z-index: 0; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; padding: 0 10px; padding-bottom: 5px; box-shadow: 2px 3px 6px 2px rgb(0 0 0 / 15%); } .section2 { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic2.png'); } .section3 { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic3.png'); } .bottom { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 80px; } .scan { background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/btn.png'); width: 176px; height: 46px; font-size: 18px; color: #ffffff; display: flex; justify-content: center; align-items: center; position: relative; } .scan .icon { width: 24px; height: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .scan text { margin-left: -20px; } .upload { padding-top: 10px; } .upload text { font-size: 14px; color: #b09369; }