统一回复一下:解决办法是重新写了这块得布局:

<template v-if="checkType == 'inputSn'">
<!--                    <div class="input">
                        <input v-model="inputSn" type="text" placeholder="请输入" />
                        <img src="@/static/icon/ic-clean.png" @click="inputSn = '';$forceUpdate()" class="w24">
                    </div>-->
                  <view class="search_box input">
                    <input v-model="inputSn" type="text" placeholder="请输入"></input>
                    <text  class="icon_close" @tap="cleanInput"></text>
                  </view>
                    <button type="primary" class="blue-btn" @click="manualInput">确定</button>
                    <p class="mt15">序列号一般在二维码下方</p>
                </template>

css

.search_box {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  padding: 0 40upx 0 20rpx;
  .prompt {
    font-size: 28upx;
    color: #cccccc;
  }
}
.icon_close {
  background-image: url('https://apppic.mymlsoft.com/m_static/icon/ic-clean.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46rpx;
  height: 46rpx;
  margin-left: 16rpx;
  z-index: 999;
  padding-left: 10rpx;
}

请问大佬解决了吗

你的语法是vue 吧，不是小程序的语法吧