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; margin-left: 10rpx;
} }
.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-bottom: 20rpx;
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;
@ -45,16 +57,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;

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> <u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
<view class="header_tit">{{ headerTitle }}</view> <view class="header_tit">{{ headerTitle }}</view>
</view> </view>
<view class="local"> <view class="localBox">
<image id="local" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png" <view class="localBoxItem">
mode="aspectFill"></image> <view class="local">
{{ address }} <image id="local"
<u-icon name="arrow-down" color="#999999" size="28"></u-icon> src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
</view> mode="aspectFill"></image>
{{ address }}
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
</view>
<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
mode="aspectFill"></image> src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
<input type="text" placeholder="请输入您想搜索的内容" /> mode="aspectFill"></image>
<input type="text" placeholder="请输入您想搜索的内容" />
</view>
</view>
</view> </view>
</view> </view>
<view class="merchantList" v-if="merchatList.length > 0"> <view class="merchantList" v-if="merchatList.length > 0">

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

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