maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
赵毅 2025-08-18 09:03:51 +08:00
parent 2999d37de6
commit 6f84133a0a
2 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/index/index.css
View File

@ -3,7 +3,7 @@
}
.hot-word-container {
width: auto;
width: 60%;
height: 50rpx;
overflow: hidden;
position: relative;
@ -69,7 +69,10 @@ page {
}
.search2 {
padding: 20rpx 0;
padding: 10rpx 0;
width: 55%;
position: relative;
left: -190rpx;
}
.function-nav {
@ -120,12 +123,12 @@ page {
display: flex;
box-sizing: border-box;
align-items: center;
padding: 0 30rpx;
padding: 0 20rpx;
font-size: 26rpx;
}
.searchBox2 image {
width: 28rpx;
width: 40rpx;
height: 28rpx;
margin-right: 16rpx;
}

43
pages/index/index.vue
View File

@ -9,6 +9,25 @@
{{ currentCity.cityName || '选择城市' }}
</view>
</view>
<!-- 搜索框 -->
<view class="search2" v-if="isShowSearch">
<view class="searchBox2">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
mode="aspectFill"></image>
<view class="hot-word-container">
<view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'rpx)' }">
<view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
@click="handleHotWordClick(word)">
{{ word }}
</view>
</view>
</view>
<input class="search_input" placeholder='请输入内容' confirm-type='search' @input="searchInput"
@confirm="searchInput" :value="selectKeyWord" />
</view>
</view>
</view>
<!-- 功能导航区 -->
<view class="function-nav" v-if="showNav">
@ -34,27 +53,11 @@
<text>物业管理</text>
</view>
</view>
<!-- 搜索框 -->
<view class="search2" v-if="isShowSearch">
<view class="searchBox2">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
mode="aspectFill"></image>
<view class="hot-word-container">
<view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'rpx)' }">
<view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
@click="handleHotWordClick(word)">
{{ word }}
</view>
</view>
</view>
<input class="search_input" placeholder='请输入内容' confirm-type='search' @input="searchInput"
@confirm="searchInput" :value="selectKeyWord" />
</view>
</view>
<!-- 轮播图 -->
<view class="swiper">
<swiper @animationfinish="swipers" autoplay circular>
<swiper-item v-for="(item, index) in bannerList" :key="index" @click="headerServerClick(item)">
<!-- <swiper-item v-for="(item, index) in bannerList" :key="index" @click="headerServerClick(item)"> -->
<swiper-item v-for="(item, index) in bannerList" :key="index">
<image :src="item.pic_src" mode="aspectFill" />
</swiper-item>
</swiper>
@ -101,7 +104,7 @@
<view class="serverList_left">
<swiper>
<swiper-item v-for="(item, index) in homeLeftList" :key="index" @click="headerServerClick(item)">
<image :src="item.pic_src" alt="" mode="aspectFit" />
<image :src="item.pic_src" alt=""/>
<!-- <view>{{ item.ad_position }}</view> -->
</swiper-item>
</swiper>
@ -999,7 +1002,7 @@ export default {
toggleDropdown() {
this.showDropdown = !this.showDropdown;
// 当展开下拉菜单时，页面滑动
if (this.showDropdown) {
if (this.showDropdown) {
this.$nextTick(() => {
uni.pageScrollTo({
scrollTop: 1000,