Commit 65d0c36e authored by 张娇(东信)'s avatar 张娇(东信)

预售顶部修改

parent 60aebc7a
<template> <template>
<view <Search :backgroundBox="backgroundBox" :backIcon="backIcon">
style=" <view class="searchBox" :style="{ border }">
background: linear-gradient(180deg, #71c456 0%, rgba(129, 159, 81, 0) 100%); <image
height: 720rpx; class="magnifyingGlass"
" src="../../../static/index/magnifyingGlass.png"
> mode="aspectFit|aspectFill|widthFix"
<Search :backgroundBox="backgroundBox" :backIcon="backIcon"> />
<view class="searchBox" :style="{ border }"> <input
<image type="text"
class="magnifyingGlass" class="text"
src="../../../static/index/magnifyingGlass.png" @confirm="toSearch"
mode="aspectFit|aspectFill|widthFix" placeholder="输入商品名称"
/> @input="updateModelValue"
<input @keyup.enter="toSearch"
type="text" @focus="toSearch"
class="text" />
@confirm="toSearch" </view>
placeholder="输入商品名称" </Search>
@input="updateModelValue" <view class="container">
@keyup.enter="toSearch" <view class="top">
@focus="toSearch" <!-- <Search-->
/> <!-- style="position: fixed; top: 0; width: 100%"-->
</view> <!-- :backgroundBox="backgroundBox"-->
</Search> <!-- :backIcon="backIcon"-->
<view class="container"> <!-- >-->
<view class="nav"> <!-- <view class="searchBox" :style="{ border }">-->
<wd-swiper <!-- <image-->
:list="swiperList" <!-- class="magnifyingGlass"-->
autoplay <!-- src="../../../static/index/magnifyingGlass.png"-->
v-model:current="current" <!-- mode="aspectFit|aspectFill|widthFix"-->
@click="handleClick" <!-- />-->
@change="onChange" <!-- <input-->
customClass="guiyang" <!-- type="text"-->
height="220" <!-- class="text"-->
imageMode="aspectFill" <!-- @confirm="toSearch"-->
></wd-swiper> <!-- placeholder="输入商品名称"-->
</view> <!-- @input="updateModelValue"-->
<!-- @keyup.enter="toSearch"-->
<!-- @focus="toSearch"-->
<!-- />-->
<!-- </view>-->
<!-- </Search>-->
</view>
<view class="nav">
<wd-swiper
:list="swiperList"
autoplay
v-model:current="current"
@click="handleClick"
@change="onChange"
customClass="guiyang"
height="220"
imageMode="aspectFill"
></wd-swiper>
</view> </view>
<view class="sort"> <view class="sort">
<view style="display: flex; flex-direction: row"> <view style="display: flex; flex-direction: row">
...@@ -293,10 +310,19 @@ page { ...@@ -293,10 +310,19 @@ page {
background: #f3f3f3; background: #f3f3f3;
} }
.container { .container {
margin-top: -120rpx;
.top {
width: 100%;
height: 440rpx;
background: linear-gradient(180deg, #71c456 0%, rgba(243, 243, 243, 0) 100%);
border-radius: 0rpx 0rpx 0rpx 0rpx;
overflow: hidden;
}
} }
.nav { .nav {
width: 710rpx; width: 710rpx;
margin-left: 18rpx; margin-left: 18rpx;
margin-top: -300rpx;
} }
.nav-img { .nav-img {
width: 710rpx; width: 710rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment