自学内容网 自学内容网

vue3-input 搜索框

第一种

实现效果

实现代码

<template>
  <div class="input-box mb20">
    <input type="text" class="input" />
    <span class="span">搜</span>
  </div>
</template>

<script setup>
import { onMounted, ref } from "vue";

onMounted(() => {});
</script>

<style lang="scss">
.input-box {
  position: relative;
  display: inline-block;
}

.input {
  padding: 0 40px 0 20px;
  width: 160

原文地址:https://blog.csdn.net/weixin_43285360/article/details/143947441

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!