A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/29 -17:00:01

Browse Source
This commit is contained in:
XiaoMo 2023-03-29 17:00:10 +08:00
parent e6ac55cd58
commit 19b61e6664
1 changed files with 39 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/search/searchResult/SearchResult.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class=""> <div class="container">
<!-- 搜索框 --> <!-- 搜索框 -->
<div class="search-input-box flexacenter"> <div class="search-input-box flexacenter">
<div class="search-input"> <div class="search-input flexacenter">
<img class="search-input-icon" src=""> <img class="search-input-icon" src="@/assets/img/headerNav/search.png">
<input /> <input class="flex1" />
<img class="search-input-cross"> <img class="search-input-cross" src="@/assets/img/icon/clear.png">
</div> </div>
<div class="search-input-cancel">取消</div> <div class="search-input-cancel">取消</div>
@ -28,6 +28,39 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container {
padding-top: 1.3rem;
.search-input-box { .search-input-box {
margin-left: .32rem;
.search-input {
width: 8.2rem;
height: .96rem;
border-radius: 2.56rem;
background: rgba(235, 235, 235, 1);
padding-left: .4rem;
.search-input-icon,
.search-input-cross {
width: .4rem;
height: .4rem;
}
.search-input-cross {
padding-right: .4rem;
}
}
.search-input-cancel {
color: #000;
font-size: .36rem;
padding: .46rem;
}
}
} }
</style> </style>