Browse Source

顶部搜索框和扫一扫下拉菜单样式开发

lwx_v5
liwenxuan 11 months ago
parent
commit
bf82ee3652
  1. 36
      src/views/home/index.vue

36
src/views/home/index.vue

@ -255,6 +255,42 @@ const openNews = (val:any,name:string) => {
</script>
<template>
<div>
<div class="mt-4">
<div class="mt-4">
<div style="display: flex; justify-content: center;">
<el-input
style="width: 90%;"
placeholder="请输入搜索内容"
class="input-with-select"
>
<template #prepend>
<el-button class="footSvg " ><SvgIcon icon-class="search" size="18" /></el-button>
</template>
</el-input>
<el-dropdown placement="top-end">
<!-- <el-button> topEnd </el-button> -->
<!-- <span split-button style="margin-top: 1.8%; width: 8%; border: 0px;background-color: #F5F5F5;" ><Plus /></span> -->
<span class="el-dropdown-link" >
<!-- <el-icon class="el-icon--right"><arrow-down /></el-icon> -->
<el-icon :size="22" style="margin-top: 26%; margin-left: 17%; background-color: #F5F5F5;">
<CirclePlus />
</el-icon>
</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item><el-icon :size="16"><SetUp /></el-icon></el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</div>
<!-- -->
</div>
<el-scrollbar ref="scrollBox" class="indexBody" @scroll="onHandleScroll">
<CarouselPage :num="4" />
<el-card style="margin-top: 5px;" shadow="always">

Loading…
Cancel
Save