不是别人逼你去优秀,是你自己为自己而奋斗。身体是自己的,健康是自己的,难受也是自己的,所以不要想吃什么就吃什么。
本文实例为大家分享了vue实现带放大镜的搜索框,供大家参考,具体内容如下
字体图标在input单标签中的用法:
第一步,先在main.js 中全局引入iconfont图标; 第二步,给input 标签动态绑定一个属性,设置值为data中的变量; 第三步,将字体图标代码中的 &#x 改为 \u
代码如下:
<template> <div class="login"> <!--头部搜索 --> <div class="top"> <div class="top-text iconfont">广州</div> <div class="top-btn"> <input type="text" :placeholder="icon" class="iconfont"> </div> <div class="top-x iconfont iconlingdang1"></div> </div> </div> </template> <script> export default { name:"Login", data(){ return { icon:'\ue637 请输入关键词' } } } </script> <style scoped> .login{ width: 100%; height: 100%; } .top{ width: 100%; height: 0.8rem; background-color: pink; display:flex; align-items: center; font-size:0.35rem; } .top-text{ margin-left:0.3rem; } .top-btn{ width: 4.8rem; height: 0.5rem; margin-left:0.2rem; margin-right:0.55rem; } .top-btn>input{ width: 100%; height:0.5rem; border-radius:1rem; border:none; outline: none; padding-left:0.3rem; } </style>
本文vue如何实现带放大镜的搜索框到此结束。除非能在关系中自由表达,否则关系很难直接愉悦你。这意味着,在关系中你就是在做你自我,你不是在做一个好人或假人,爱与恨怒与乐丑与美,你都能够让它较自由地流动。若严重做不到这一点,关系就会让你很累,你必须要找到大块独处时间,这时才不必研究任何人,而得到休息。小编再次感谢大家对我们的支持!