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

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

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