/**index.wxss**/ page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; } .Hidden_box{position: relative; display: flex;align-items: center; justify-content: center; width:100%;height:100vh; } .Hidden_box_to{position: relative; margin-top: 0; padding: 0; width:100%;height:100vh; box-sizing: border-box; } .Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;} .Hidden_box_to .close{position: absolute; right:-0.5em; top:-0.5em;z-index:10000; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #dfdfdf;border-radius:50%;box-sizing:border-box;} .Hidden_box_to .close image{width:100%;height:100%;} .Hidden_box_to .title{width:100%;height:2.5em;} .Hidden_box_to .body{line-height:1.5em; position: relative; float: left;width:100%;height:100vh; padding: 0.8em; box-sizing: border-box;} .Hidden_box_to .body .swiper_box{ position: relative; margin: 0 auto; width: 300px; height: 533px; background-color:#fff; /*padding: 0.8em;*/ border-radius:0.5em; box-sizing: border-box; overflow: hidden; } .Hidden_box_to .body .swiper_box .wx-swiper-dots{bottom: 0em;} .Hidden_box_to .body .swiper_box canvas{ position: relative; width: 300px; height: 533px; border-radius:0.5em; } .Hidden_box_to .body .swiper_box image{ width:100%; height:100%; border-radius:0.5em; } .Hidden_box_to .body .swiper_box view image{ width:100%; height:100%; border-radius:0; } .Hidden_box_to .body .swiper_box view.minQRcodeUrl{ position: absolute; bottom:1.2em; right:6.5em; width:3em; height:3em; background-color: #fff; padding: 0.2em; border-radius:0.5em; } .Hidden_box_to .body .swiper_box view.minQRcodeUrl0{ position: absolute; top:11.8em; left:7.8em; width:5em; height:5em; background-color: #fff; padding: 0.2em; border-radius:0.5em; } .Hidden_box_to .body .swiper_box view.minQRcodeUrl1{ position: absolute; bottom:0.8em; right:0.8em; width:3.6em; height:3.6em; background-color: #fff; padding: 0.2em; border-radius:0.5em; } .Hidden_box_to .yqm-box{position:fixed; bottom:2.8em; left:0; display: flex; flex-direction: row; text-align: center;z-index: 1000000; width:100%; background-color: #fff; padding:0.5em; box-sizing: border-box;align-items: center; justify-content: center; } .Hidden_box_to .yqm-box view{width:60%;text-align: right;} .Hidden_box_to .yqm-box button{margin-left:0.5em; padding:0; width:5em;height:2em;line-height:2em;background:linear-gradient(to right,#00B050,#00B050); text-align: center; color:#fff;border-radius:0.5em; font-size: 0.85em; } .Hidden_box_to .savebutton{position:fixed; bottom:0em; left:0; display: flex; flex-direction: row; text-align: center;z-index: 1000000; width:100%; background-color: #fff; padding:0.5em; box-sizing: border-box;} .Hidden_box_to .savebutton button{margin:0 auto; margin-top:0.2em; padding:0; display: block; width:10em;height:2em;line-height:2em;background:linear-gradient(to right,#00B050,#00B050); text-align: center; color:#fff;border-radius:0.5em; font-size: 0.85em; } .Hidden_box_to .savebutton button.register{width:9em; margin-left:0.5em;} .Hidden_box_to .savebutton button.copy{width:8em; margin-left:0.5em;} .Hidden_box_to .savebutton button.redata{width:8em; margin-left:0.5em;}