帮我写uniapp输入框样式

在UniApp中，你可以通过WXML和wxss来定制输入框（`<input>`）的样式。下面是一个基本的例子，展示如何设置输入框的宽度、边框、背景颜色以及焦点时的状态：

<!-- WXML -->
<input type="text" placeholder="请输入内容" 
   wx:if="{{isShow}}" style="@apply input-style">

// wxss (uni-app CSS预处理器)
@import '../../common.wxss'; // 引入全局样式

.input-style {
  width: 200rpx; /* 设置输入框宽度 */
  height: 40rpx;
  border: 1px solid #ccc; /* 边框样式 */
  background-color: #fff; /* 背景颜色 */
  border-radius: 5px; /* 圆角 */
  
  &::placeholder { /* 悬浮文字样式 */
    color: #999;
  }

  &:focus { /* 当输入框获取焦点时 */
    outline: none; /* 取消默认轮廓线 */
    border-color: #007aff; /* 更改边框颜色 */
    box-shadow: 0 0 2px rgba(0, 126, 255, .8); /* 添加阴影效果 */
  }
}

在上述代码中，`@apply input-style`会应用自定义的`.input-style`规则到当前输入框上。`wx:if="{{isShow}}"`用于控制输入框是否显示，`isShow`是一个数据绑定属性，可以根据需要动态改变。