小程序编辑器和手机上都在按钮和画布之间有一个白条

Description

// TODO(you): code or logs ohere to reproduce the problem

Contributor guide

Tech stack

javascripthtmlcss

Domain

frontend

Issue type

bug

DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.

3

Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.

1-3 hours

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

stale

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

mostly clear

Prerequisites

WeChat mini program basicsCSS layout

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

40

Research direction

Investigate the white bar issue in we cropper. The issue mentions a 50px discrepancy between the editor and device. Check the CSS for the cropper container and button positioning. Look at the use of `height: 100%` or fixed heights. Possibly the issue is related to the calculation of canvas height minus 50px. Test on different devices to see if the bar disappears. Consider using `wx.getSystemInfoSync()` to get screen height dynamically. Refer to the relevant files in the repository: likely the component's .wxml and .wxss files. The issue does not have a linked PR, so a fix would involve adjusting the layout logic.