...
|
...
|
@@ -3,33 +3,35 @@ |
|
|
<view class="nevbg">
|
|
|
<view class="back"
|
|
|
:style="[{paddingTop:titleTop+'rpx'},{height:bgHeight+'rpx'},{lineheight:titleHeight+'rpx'}]">
|
|
|
<image src="/static/back2.png" mode="" @click="back"></image>
|
|
|
<text>卖设备</text>
|
|
|
<text>设备乐</text>
|
|
|
</view>
|
|
|
<image src="@/static/image/Rectangle 16.png"
|
|
|
style="height: 400rpx;width: 100vw; position: absolute;top:0;z-index: -1;" mode=""></image>
|
|
|
</view>
|
|
|
|
|
|
<view style="height:186rpx"></view>
|
|
|
<view class="top">
|
|
|
<view class="flexBox" style="padding: 24rpx 24rpx 0 24rpx;">
|
|
|
<view class="" style="width: 65vw;" @click="goRot('/pages/subPages/moreSearch')">
|
|
|
<u-input placeholder="请输入" prefixIcon="search" border="surround" v-model="keyword" shape="circle"
|
|
|
@change="change">
|
|
|
<view slot="prefix" style="display: flex; align-items: center; justify-content: center;">
|
|
|
<text style="font-size: 24rpx; margin-right: 6rpx;"
|
|
|
@click="goRot('/pages/subPages/moreChoose')">{{city_name ? city_name : '城市'}}</text>
|
|
|
<u-icon name="arrow-down-fill" size="20rpx"></u-icon>
|
|
|
<view class="searchcity">
|
|
|
<view class="city">
|
|
|
{{city_name ? city_name : '城市'}}
|
|
|
</view>
|
|
|
|
|
|
</u-input>
|
|
|
<image class="img1" src="/static/icon/xia.png" mode=""></image>
|
|
|
<view class="searchline">
|
|
|
|
|
|
|
</view>
|
|
|
<image class="img2" src="/static/icon/search.png" mode=""></image>
|
|
|
<input type="text" placeholder="输入关键词搜索" disabled placeholder-style="font-size: 26rpx;font-weight: 400;">
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<button style="width: 30vw;" shape="circle" class="btn" size="small" @click="goHub">免费发布</button>
|
|
|
</view>
|
|
|
|
|
|
<view class="boxs" style="padding: 0 24rpx; justify-content: space-evenly">
|
|
|
<view class="item" v-for="item in list.slice(0,3)" @click="goRot('/pages/subPages/moreSearch',item.name)">
|
|
|
<image :src="item.icon_url" class="img" mode=""></image>
|
|
|
<view class="item" v-for="item in list.slice(0,3)"
|
|
|
@click="goRot('/pages/subPages/moreSearch',item.name)">
|
|
|
<view class="imgbtn">
|
|
|
<image :src="item.icon_url" class="img" mode=""></image>
|
|
|
</view>
|
|
|
<p style="font-size: 24rpx; margin-top: 16rpx;">{{item.name}}</p>
|
|
|
</view>
|
|
|
<view class="item" style="margin-right: 0;" @click="goRot('/pages/subPages/more?val=1')">
|
...
|
...
|
@@ -192,26 +194,66 @@ |
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.top {
|
|
|
padding-top: 200rpx;
|
|
|
height: 300rpx;
|
|
|
background: linear-gradient(180deg, #d0e3ef 0%, #e0eaf2 100%);
|
|
|
|
|
|
.searchcity {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 466rpx;
|
|
|
height: 80rpx;
|
|
|
border-radius: 48rpx;
|
|
|
opacity: 1;
|
|
|
border: 1rpx solid #c1ddedff;
|
|
|
background: #ffffffff;
|
|
|
padding: 32rpx 24rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.city {
|
|
|
color: #000000e6;
|
|
|
font-size: 26rpx;
|
|
|
font-weight: 400;
|
|
|
}
|
|
|
|
|
|
.img1 {
|
|
|
margin-left: 4rpx;
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
}
|
|
|
|
|
|
.searchline {
|
|
|
opacity: 0.6;
|
|
|
margin:0 10rpx;
|
|
|
}
|
|
|
|
|
|
.img2 {
|
|
|
margin-left: 4rpx;
|
|
|
margin-top: 4rpx;
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
}
|
|
|
input{
|
|
|
margin-top: 4rpx;
|
|
|
flex:1;
|
|
|
margin-left: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.nevbg {
|
|
|
position: fixed;
|
|
|
height: 196rpx;
|
|
|
height: 186rpx;
|
|
|
width: 100%;
|
|
|
z-index: 99;
|
|
|
height: 224rpx;
|
|
|
opacity: 1;
|
|
|
overflow: hidden;
|
|
|
// background: linear-gradient(180deg, #ffffff4a 0%, #ffffff12 100%);
|
|
|
background: linear-gradient(180deg, #cde2ef 0%, #d0e3ef 100%);
|
|
|
}
|
|
|
|
|
|
.back {
|
|
|
position: fixed;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
z-index: 999;
|
|
|
width: 100%;
|
|
|
|
...
|
...
|
@@ -225,11 +267,12 @@ |
|
|
}
|
|
|
|
|
|
text {
|
|
|
color: #ffffffff;
|
|
|
font-size: 32rpx;
|
|
|
font-weight: 500;
|
|
|
font-family: "PingFang SC";
|
|
|
text-align: center;
|
|
|
margin-left: 32rpx;
|
|
|
color: #000000e6;
|
|
|
font-size: 48rpx;
|
|
|
font-weight: 700;
|
|
|
text-align: left;
|
|
|
font-family: "Alibaba PuHuiTi";
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
@@ -324,6 +367,16 @@ |
|
|
}
|
|
|
|
|
|
.item {
|
|
|
.imgbtn{
|
|
|
width: 104rpx;
|
|
|
height: 104rpx;
|
|
|
border-radius: 16rpx;
|
|
|
background-color: #ffffff;
|
|
|
.img {
|
|
|
width: 104rpx;
|
|
|
height: 104rpx;
|
|
|
}
|
|
|
}
|
|
|
.img {
|
|
|
width: 104rpx;
|
|
|
height: 104rpx;
|
...
|
...
|
@@ -363,6 +416,12 @@ |
|
|
|
|
|
.activeBox {
|
|
|
background: url("/static/image/Rectangle 38.png");
|
|
|
.title{
|
|
|
color: #3375D8;
|
|
|
}
|
|
|
.tip{
|
|
|
color: #3375D8;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.right {
|
...
|
...
|
|