删除无用代码 修改部分逻辑 调整部分样式

qingyiay

2023-10-17 2adce788c1a411959b81f08d5569d92861c7f300

 uni_modules/uview-ui/components/u-input/u-input.vue

@@ -285,69 +285,70 @@
};
</script>

<style lang="scss" scoped>
@import "../../libs/css/components.scss";
<style lang="scss"
   scoped>
   @import "../../libs/css/components.scss";

.u-input {
    @include flex(row);
    align-items: center;
    justify-content: space-between;
    flex: 1;
   .u-input {
      @include flex(row);
      align-items: center;
      justify-content: space-between;
      flex: 1;

    &--radius,
    &--square {
        border-radius: 4px;
    }
      &--radius,
      &--square {
         border-radius: 4px;
      }

    &--no-radius {
        border-radius: 0;
    }
      &--no-radius {
         border-radius: 0;
      }

    &--circle {
        border-radius: 100px;
    }
      &--circle {
         border-radius: 100px;
      }

    &__content {
        flex: 1;
        @include flex(row);
        align-items: center;
        justify-content: space-between;
      &__content {
         flex: 1;
         @include flex(row);
         align-items: center;
         justify-content: space-between;

        &__field-wrapper {
            position: relative;
            @include flex(row);
            margin: 0;
            flex: 1;
			
         &__field {
            line-height: 26px;
            text-align: left;
            color: $u-main-color;
            height: 24px;
            font-size: 15px;
         &__field-wrapper {
            position: relative;
            @include flex(row);
            margin: 0;
            flex: 1;

            &__field {
               line-height: 26px;
               text-align: left;
               color: $u-main-color;
               height: 24px;
               font-size: 15px;
               flex: 1;
            }
         }
        }

        &__clear {
            width: 20px;
            height: 20px;
            border-radius: 100px;
            background-color: #c6c7cb;
            @include flex(row);
            align-items: center;
            justify-content: center;
            transform: scale(0.82);
            margin-left: 4px;
        }
         &__clear {
            width: 20px;
            height: 20px;
            border-radius: 100px;
            background-color: #c6c7cb;
            @include flex(row);
            align-items: center;
            justify-content: center;
            transform: scale(0.82);
            margin-left: 4px;
         }

        &__subfix-icon {
            margin-left: 4px;
        }
         &__subfix-icon {
            margin-left: 4px;
         }

        &__prefix-icon {
            margin-right: 4px;
        }
    }
}
</style>
         &__prefix-icon {
            margin-right: 4px;
         }
      }
   }
</style>