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

修改湖畔好店页面搜索框的位置

Browse Source
This commit is contained in:
赵毅 2025-09-08 09:52:53 +08:00
parent 0c810d32ab
commit 7a3a19a5f7
2 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/localLife/index/index.css
View File

@ -6,17 +6,29 @@ page {
/* padding-top: 100rpx; */ /* padding-top: 100rpx; */
} }
.local { .localBox {
display: flex;
align-items: center;
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx;
width: 100%; width: 100%;
padding: 20rpx 0;
background-color: #f6f7fb;
}
.localBoxItem{
width: 100%;
display: flex;
align-items: center;
padding: 0 20rpx;
background-color: #fff; background-color: #fff;
} }
.local {
display: flex;
width: auto;
white-space: nowrap;
}
#local { #local {
height: 30rpx; height: 30rpx;
width: 28.08rpx; width: 28.08rpx;
@ -28,16 +40,16 @@ page {
} }
.search { .search {
background-color: #f6f7fb; flex: 1;
padding: 20rpx 0; padding: 20rpx 0;
margin-left: 15rpx;
} }
.searchBox { .searchBox {
width: 710rpx; width: 93%;
height: 70rpx; height: 70rpx;
background: #FFFFFF; background: #f6f7fb;
border-radius: 100rpx 100rpx 100rpx 100rpx; border-radius: 100rpx;
margin: 0 auto;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;

10
packages/localLife/index/index.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<view class="container"> <view class="container">
<view class="localBox">
<view class="localBoxItem">
<view class="local"> <view class="local">
<image id="local" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png" <image id="local"
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
mode="aspectFill"></image> mode="aspectFill"></image>
{{ address }} {{ address }}
<u-icon name="arrow-down" color="#999999" size="28"></u-icon> <u-icon name="arrow-down" color="#999999" size="28"></u-icon>
@ -9,11 +12,14 @@
<view class="search"> <view class="search">
<view class="searchBox"> <view class="searchBox">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png" <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
mode="aspectFill"></image> mode="aspectFill"></image>
<input type="text" placeholder="请输入您想搜索的内容" /> <input type="text" placeholder="请输入您想搜索的内容" />
</view> </view>
</view> </view>
</view>
</view>
<view class="swiperBox"> <view class="swiperBox">
<swiper class="swiper" @change="swiperChange" :current="currentIndex"> <swiper class="swiper" @change="swiperChange" :current="currentIndex">