/* pages/promotion/qrcode.wxss */ .container { min-height: 100vh; background: #f5f5f5; padding: 30rpx; padding-bottom: 120rpx; } /* 二维码卡片 */ .qrcode-card { background: #fff; border-radius: 16rpx; padding: 40rpx; margin-bottom: 30rpx; box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06); } .user-info { display: flex; flex-direction: column; align-items: center; margin-bottom: 40rpx; } .avatar { width: 120rpx; height: 120rpx; border-radius: 60rpx; margin-bottom: 16rpx; } .nickname { font-size: 32rpx; color: #333; font-weight: bold; margin-bottom: 8rpx; } .promotion-id { font-size: 26rpx; color: #666; } .qrcode-wrapper { display: flex; flex-direction: column; align-items: center; } .qrcode-image { width: 400rpx; height: 400rpx; margin-bottom: 20rpx; } .qrcode-tip { font-size: 28rpx; color: #666; } /* 操作按钮 */ .action-buttons { display: flex; justify-content: space-between; margin-bottom: 40rpx; } .btn { flex: 1; height: 80rpx; margin: 0 10rpx; border-radius: 40rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; } .btn .iconfont { font-size: 32rpx; margin-right: 8rpx; } .btn-save { background: #ff4d4f; color: #fff; } .btn-share { background: #52c41a; color: #fff; } /* 推广说明 */ .promotion-guide { background: #fff; border-radius: 16rpx; padding: 30rpx; } .guide-title { font-size: 32rpx; color: #333; font-weight: bold; margin-bottom: 20rpx; } .guide-item { display: flex; align-items: center; margin-bottom: 16rpx; } .guide-item:last-child { margin-bottom: 0; } .item-dot { width: 12rpx; height: 12rpx; border-radius: 6rpx; background: #ff4d4f; margin-right: 16rpx; } .item-text { font-size: 28rpx; color: #666; line-height: 1.5; }