在uniapp项目中，实现密码输入框并显示密码图标（通常是一个眼睛图标，用于切换显示和隐藏密码），可以通过几种方式实现。这里我将介绍两种常见的方法：使用uniapp的内置组件和自定义图标。

方法1：使用uniapp的<input>组件的type属性

uniapp的<input>组件支持type="password"属性，这本身可以用来创建密码输入框。但是，如果你想在同一个输入框旁边显示一个切换显示/隐藏密码的图标，你可以使用一个按钮或者图标，并通过JavaScript来控制密码的显示和隐藏。

HTML部分：

<template>
  <view class="password-container">
    <input type="text" :type="isPassword ? 'password' : 'text'" placeholder="Password" v-model="password"/>
    <view class="icon" @click="togglePassword">
      <text :class="isPassword ? 'icon-eye-off' : 'icon-eye'"></text>
    </view>
  </view>
</template>

CSS部分：

<style>
.password-container {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.icon {
  padding: 0 10px;
  cursor: pointer;
}
.icon-eye, .icon-eye-off {
  font-size: 20px;
}
.icon-eye {
  /* 这里可以定义眼睛图标 */
}
.icon-eye-off {
  /* 这里可以定义关闭眼睛图标 */
}
</style>

JavaScript部分：

<script>
export default {
  data() {
    return {
      isPassword: true, // 控制是否显示为密码形式
      password: '' // 绑定输入的密码值
    }
  },
  methods: {
    togglePassword() {
      this.isPassword = !this.isPassword; // 切换密码显示状态
    }
  }
}
</script>