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-09 09:09:21 +08:00
parent c1e265ec2a
commit 00b9af721e
3 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,17 +23,29 @@ page {
margin-left: 10rpx;
}
.local {
display: flex;
align-items: center;
.localBox {
font-size: 26rpx;
color: #222222;
box-sizing: border-box;
padding: 20rpx;
width: 100%;
padding-bottom: 20rpx;
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;
@ -45,16 +57,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/classify/index.vue
View File

@ -4,18 +4,24 @@
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
<view class="header_tit">{{ headerTitle }}</view>
</view>
<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>
<view class="merchantList" v-if="merchatList.length > 0">

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

@ -11,7 +11,7 @@ page {
color: #222222;
box-sizing: border-box;
width: 100%;
padding: 20rpx 0;
padding-bottom: 20rpx;
background-color: #f6f7fb;
}
@ -247,7 +247,7 @@ page {
.lines {
background-color: #f5f7f9;
height: 40rpx;
height: 20rpx;
width: 100%;
}