css
图片文字垂直居中,给图片设置vertical-align:middle即可
文字过长设置为。。。
width: 6rem;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
滚动平滑
-webkit-overflow-scrolling: touch;
Node生产模式和开发模式
Node index.js是生产模式,不会热更新监听端口为3030
Npm run dev为开发模式,监听端口8080
-webkit-user-select:text
去掉search框 ios上的默认关闭按钮
.searchGoods[type=search]::-webkit-search-cancel-button{
-webkit-appearance: none;/*此处只是去掉默认的小×*/
}
手机版测试框弹出键盘出现搜索按钮(必须用form包裹 @submit.prevent 是阻止form的默认行为)(@keyup.13: 13号键盘就是搜索按钮 对应电脑的enter)
<form @submit.prevent>
<div v-if="!batchOperation || progressType === 'passed'">
<input type="search" @keyup.13=showSearch() ref="searchInput" class="searchGoods" placeholder="Search..." v-model="searchText">
<a class="search"></a>
<div class="searchBtn"></div>
</div>
</form>