.body { width: 100%; background-image: url(http://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/qrcode/cashier/pay-bg.jpg); background-repeat: no-repeat; background-size: cover; } .saowofukuan-suijijianmian { font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #1d75ed; font-size: 75rpx; } .body .pinganyinhang { display: flex; justify-content: center; z-index: 3; } .body .pinganyinhang image { width: 264.75rpx; height: 137.25rpx; z-index: 1; } .scan-png { height: 50rpx !important; width: 50rpx !important; position: fixed; right: 15rpx; top: 15rpx; opacity: 0.5; z-index: 3; } .top-nav { text-align: center; z-index: 2; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; background-color: white; border-radius: 50rpx; width: 29%; box-shadow: 0px 0px 10px rgba($color: #000000, $alpha: 0.6); } .body .bgimg { position: fixed; width: 100%; top: 0; z-index: 0; height: 100%; } .body .cais-bg { position: fixed; width: 491.2rpx; height: 710.4rpx; z-index: 1; } // 扫我付款文字 .body .top-nav .saowofukuan { width: 522rpx; height: 26rpx; margin-top: 10rpx; // margin-bottom: 10rpx; z-index: 1; } .top-nav .received-money { color: #dd3d1f; font-size: 46rpx; font-weight: 400; } .hr { display: inline-block; padding-top: 3px; width: 90%; border-top: 1px dashed rgba($color: #000000, $alpha: 0.3); } .qrcode { border: 1px solid rgba($color: #000000, $alpha: 0.1); padding: 10rpx; margin: 5rpx 0 1rpx 0; border-radius: 15rpx; } .merchname { font-size: 70rpx; font-weight: 500; margin-bottom: 6rpx; } .bottom-logo-parter image { width: 26rpx; margin-right: 20rpx; // margin-bottom: 5rpx; } // 余乐兑扫码付款得金豆 .yld-saoma-fuk-dejindou { width: 100%; text-align: center; margin-top: 35rpx; display: flex; flex-direction: column; align-items: center; } .yld-saoma-fuk-dejindou image { width: 505rpx; height: 45rpx; z-index: 2; margin-bottom: 15rpx; } .re-money-notice { font-weight: 500; width: 100%; z-index: 9; padding-bottom: 5rpx; font-size: 28.5rpx; .re-money-notice-playtext { color: #dd3d1f; font-size: 35rpx; } } .cash-model { z-index: 99; .yld-saoma-fuk-dejindou { display: none; } .bottom-logo-parter { display: none; } .merchname { display: none; } .saowofukuan-cash { font-size: 45rpx; color: coral; font-weight: 600; margin-bottom: -15rpx; } } .cash-goods-list { font-size: 32rpx; width: 90%; display: flex; flex-direction: column; z-index: 99; align-items: flex-start; .cash-gl-top { font-size: 38rpx; } .cash-goods-list-tr { border-bottom: 1px dashed #999999; margin-bottom: 15rpx; padding-bottom: 12rpx; width: 100%; display: flex; justify-content: space-between; align-items: center; .cash-goods-list-tr-right-button { display: flex; align-items: center; text { display: flex; align-items: center; width: 50rpx; height: 50rpx; line-height: 50rpx; border-radius: 9rpx; text-align: center; justify-content: center; text-align: center; border: 1px solid #999999; font-weight: 600; font-size: 45rpx; } } .cash-gl-bottom { margin: 0 auto; } } } .page-last { text-align: center; display: flex; justify-content: center; .ecny-img-body { z-index: 9; margin-top: 50rpx; padding-bottom: 10%; .use-ecny-topay-scan { margin: 15rpx 0; } // background:url("https://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/qrcode/cashier/new_edition_221214/qr_background.png") no-repeat center; } .ecny-qrurl-img { width: 90%; border-radius: 25rpx; margin-top: 20rpx; } .ecnyqr { background-color: #ffffff; margin: 0 auto; text-align: center; border-radius: 25rpx; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 35rpx; .qrcode_ecny_bg { //数币红色背景 background: url('https://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/qrcode/cashier/new_edition_221214/qr_background.png') no-repeat center; background-size: cover; .qrcode_ecny_bg_padding { background-color: #fff; padding: 15rpx; margin: 35rpx auto 0rpx auto; } } #qrcode_ecny { margin: 0 auto; background-color: #fff; } .yld-logo { margin-bottom: 20rpx; } } } #scan-gun { position: fixed; z-index: 0; width: 1px; height: 1px; bottom: -1000px; } .use-ecny-btn { margin: 0 auto; z-index: 9; } .guanggao { // z-index: 90; // width: 100%; // bottom: 0rpx; // position: fixed; // margin-top: 12px; z-index: 90; width: 100%; bottom: 0px; position: relative; background: #000; // top: -12px; // left: 5%; } ::v-deep uni-swiper .uni-swiper-wrapper { border-radius: 4px; } // ::v-deep .uni-video-container{ // width: 90% !important; // } // uni-image > div, // uni-image > img { // width: 100%; // height: 100%; // } ::v-deep .bgimg > div { background-position: 50% 50% !important; background-size: 120% 120% !important; background-repeat: no-repeat !important; } .body .arrow-left { position: relative; z-index: 2; margin-left: 21px; // margin-top: 20px; } .yld_pay_body { position: relative; top: -38rpx; display: flex; flex-direction: row; // justify-content: space-evenly; align-items: center; } uni-page-body, .body { height: 100% !important; }