mkm/new_shop_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
1154079537 2024-05-11 18:21:02 +08:00
parent f9e8c44194
commit b3ae987188
1 changed files with 112 additions and 200 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

162
pages/cloud_warehouse/specialty/specialty.vue
View File

@ -4,11 +4,6 @@
} }
.wholeSale { .wholeSale {
background-color: #f8fafb !important;
.wholeSale-header-wrap {
background-color: #40AE36;
}
.wholeSale-header-search-wrap { .wholeSale-header-search-wrap {
padding: 30rpx 20rpx 0; padding: 30rpx 20rpx 0;
@ -20,41 +15,16 @@
top: 0; top: 0;
z-index: 100; z-index: 100;
margin-bottom: 20rpx; margin-bottom: 20rpx;
background-color: #40AE36;
.scrollview {
display: flex;
align-items: center;
height: 98rpx;
padding-left: 32rpx;
.scrollview-item {
margin-right: 30rpx;
font-size: 28rpx;
color: #FFFFFF;
} }
.scrollview-active { .wholeSale-section {
position: relative; position: sticky;
font-weight: bold; top: calc(82rpx + var(--status-bar-height));
font-size: 36rpx; padding: 0rpx 20rpx;
color: #FFFFFF; background-color: #fff;
transition: height .7s;
&::after { overflow: hidden;
content: "";
display: inline-block;
position: absolute;
bottom: -6rpx;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 6rpx;
background-color: #FFFFFF;
}
}
}
}
.wholeSale-nav { .wholeSale-nav {
display: flex; display: flex;
@ -66,42 +36,6 @@
} }
} }
.search_content {
// margin-bottom: 40rpx;
flex: 1;
height: 70rpx;
padding: 2px 2px 2px 21.05rpx;
border-radius: 80rpx;
background: #EDEFF2;
position: relative;
box-sizing: border-box;
.search_content_wrap {
width: 100%;
.icon-sousuo {
font-size: 26.32rpx;
font-weight: bold;
color: #c8c7c6;
margin-right: 17.54rpx;
}
input {
width: 80%;
}
}
.search_btn {
width: 106rpx;
height: 60rpx;
line-height: 60rpx;
pic: #40AE36;
border-radius: 100px;
font-size: 28rpx;
color: #fff;
}
}
.category { .category {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
@ -151,60 +85,41 @@
} }
} }
} }
}
.cate { .search_content {
// margin-bottom: 40rpx;
flex: 1;
height: 70rpx;
padding: 2px 2px 2px 21.05rpx;
border-radius: 80rpx;
background: #EDEFF2;
position: relative;
box-sizing: border-box;
.search_content_wrap {
width: 100%; width: 100%;
overflow: auto;
margin-bottom: 30rpx;
.cate-wrap { .icon-sousuo {
display: flex; font-size: 26.32rpx;
padding-bottom: 8rpx;
.cate-item {
text {
padding: 4rpx 16rpx;
white-space: nowrap;
font-size: 30rpx;
color: #333;
}
}
.cate-item-active {
text {
color: #40AE36;
font-weight: bold; font-weight: bold;
color: #c8c7c6;
margin-right: 17.54rpx;
} }
}
input {
width: 80%;
} }
} }
.comprehensive { .search_btn {
display: flex; width: 106rpx;
justify-content: space-between; height: 60rpx;
align-items: center; line-height: 60rpx;
padding: 0 50rpx; pic: #40AE36;
border-radius: 100px;
[class^=comprehensive-] { font-size: 28rpx;
display: flex; color: #fff;
align-items: center;
text {
margin-right: 12rpx;
font-size: 26rpx;
color: #666666;
}
image {
width: 28rpx;
height: 28rpx;
}
.loudou {
width: 24rpx;
height: 24rpx;
}
} }
} }
@ -216,10 +131,8 @@
</style> </style>
<template> <template>
<view class="wholeSale"> <view class="wholeSale">
<!-- 顶部 -->
<view class="wholeSale-header">
<view class="wholeSale-header-wrap">
<!-- 适配不同机 --> <!-- 适配不同机 -->
<view class="wholeSale-header">
<view style="height: var(--status-bar-height);background-color: #40af37;"></view> <view style="height: var(--status-bar-height);background-color: #40af37;"></view>
<view style="display: flex;padding: 20rpx 28rpx;background-color: #40af37;color: #fff;"> <view style="display: flex;padding: 20rpx 28rpx;background-color: #40af37;color: #fff;">
<view style="display: flex;font-weight: bold;font-size: 32rpx;"><u-icon style="margin-right: 20rpx;" <view style="display: flex;font-weight: bold;font-size: 32rpx;"><u-icon style="margin-right: 20rpx;"
@ -227,7 +140,7 @@
</view> </view>
</view> </view>
<view class="wholeSale-header-search-wrap"> <view class="wholeSale-section">
<view class="wholeSale-nav"> <view class="wholeSale-nav">
<!-- 搜索 --> <!-- 搜索 -->
<view @click="navTo(`/pages/columnGoods/goods_search/index?back=true&searchVal=${where.keyword}`)" <view @click="navTo(`/pages/columnGoods/goods_search/index?back=true&searchVal=${where.keyword}`)"
@ -274,7 +187,6 @@
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</view>
<!-- 内容 --> <!-- 内容 -->
<view class="wholeSale-con"> <view class="wholeSale-con">