uniapp项目 怎么分别改输入过跟没输入过的输入框样式

对于 Uniapp 项目中的输入框，你可以通过判断输入框是否有值来改变样式。以下是一个示例：

1. 在模板中，给输入框绑定一个变量，用于判断输入框是否有值：

<template>
  <view>
    <input v-model="inputValue" />
    <button @click="changeStyle">改变样式</button>
  </view>
</template>

2. 在 data 中定义 inputValue 变量，并在 methods 中添加 changeStyle 方法来改变样式：

<script>
export default {
  data() {
    return {
      inputValue: '' // 输入框的值
    };
  },
  methods: {
    changeStyle() {
      // 改变样式的逻辑
      if (this.inputValue) {
        // 输入框有值时的样式
        // 可以通过类名或内联样式来修改样式
        // 例如：this.$refs.input.className = 'has-value'
      } else {
        // 输入框无值时的样式
        // 可以通过类名或内联样式来修改样式
        // 例如：this.$refs.input.className = 'no-value'
      }
    }
  }
};
</script>

在 changeStyle 方法中，根据输入框的值来改变样式。你可以通过添加类名或修改内联样式来实现样式的改变。这里使用了 `$refs` 来获取输入框的 DOM 元素，你可以根据实际情况进行调整。

注意：这只是一个示例，具体实现方式可能因项目结构和样式定义方式的不同而有所差异，请根据实际情况进行调整。