Gaichifanla 2024-01-08 22:22 采纳率: 71.4%
浏览 35
已结题

微信小程序使用vant组件真机调试时候变形

微信小程序使用vant组件真机调试时候变形
变形前:

img


变形后:

img


代码:

<view>
<van-cell-group>
    <van-field
            value="{{ message }}"
            type="textarea"
            placeholder="主题(必填)"
            autosize="{ maxHeight: 100rpx, minHeight: 50rpx }"
            bind:change="onChangeTopic"
            border="{{ false }}"
        />
        <van-field
            value="{{ message }}"
            type="textarea"
            placeholder="任务内容"
            custom-style="height:200rpx;margin-top:1rpx"
            autosize="{ maxHeight: 100rpx, minHeight: 50rpx }"
            bind:change="onChangeContent"
            border="{{ false }}"
        />
    </van-cell-group>

    <van-cell-group>
            <van-cell title="负责人" value="{{leaderid}}" is-link link-type="navigateTo" url="./team_member_select/select_leader" />
            <van-cell title="起止时间" value="{{ date }}" bind:click="onDisplay" />
            <van-calendar
                show="{{ show }}"
                type="range"
                bind:close="onClose"
                bind:confirm="onConfirm"
                color="#7232dd"
            />
            <van-cell title="项目" value="" is-link />
            <van-cell title="部门" value="" is-link />
            <van-cell title="优先级" value="" is-link />
            <van-cell label="本月已完成任务子项及子项" />
        </van-cell-group>
    </view>


  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 1月16日
    • 创建了问题 1月8日