|
|
|
@ -1,6 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<!-- #ifdef H5 --> |
|
|
|
|
<view class="header" :style="'background: '+ bgColor +' ;margin-top:'+ mbConfig +'rpx;'"> |
|
|
|
|
<view class="header" :style="'margin-top:'+ mbConfig +'rpx;'"> |
|
|
|
|
<view class="serch-wrapper acea-row row-between-wrapper" :style="'padding-left:'+prConfig+'rpx;'"> |
|
|
|
|
<view v-if="logoConfig" class="logo skeleton-rect"> |
|
|
|
|
<image :src="logoConfig" mode=""></image> |
|
|
|
@ -19,17 +19,36 @@ |
|
|
|
|
<!-- #endif --> |
|
|
|
|
<!-- #ifdef MP || APP-PLUS --> |
|
|
|
|
<view> |
|
|
|
|
<view class="mp-header" :style="'background: '+ bgColor +' ;margin-top:'+ mbConfig +'rpx;'"> |
|
|
|
|
<!-- :style="'background: '+ bgColor +' ;margin-top:'+ mbConfig +'rpx;'" --> |
|
|
|
|
<view class="mp-header"> |
|
|
|
|
<view class="sys-head skeleton-rect" :style="{ height: statusBarHeight }"></view> |
|
|
|
|
<view class="serch-box skeleton-rect" style="height: 43px;"> |
|
|
|
|
<view class="serch-wrapper flex" :style="'padding-left:'+prConfig+'rpx;'"> |
|
|
|
|
<view class="serch-box skeleton-rect" style="height: 43px;display: flex;justify-content: space-between;align-items: center;min-width: 550rpx;max-width: 550rpx;"> |
|
|
|
|
<!-- <view class="serch-wrapper flex" :style="'padding-left:'+prConfig+'rpx;'"> |
|
|
|
|
<view v-if="logoConfig" class="logo skeleton-rect"><image :src="logoConfig" mode=""></image></view> |
|
|
|
|
<navigator :url="merId ? '/pages/store/list/index?mer_id='+merId : '/pages/columnGoods/goods_search/index'" :class="logoConfig ? 'input' : 'uninput'" |
|
|
|
|
hover-class="none" class="skeleton-rect box" :style="'border-radius:'+boxStyle+'rpx;text-align:'+txtStyle"> |
|
|
|
|
<text class="iconfont icon-xiazai5"></text> |
|
|
|
|
搜索商品 |
|
|
|
|
</navigator> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="indexTitle"> |
|
|
|
|
{{site_name}} |
|
|
|
|
</view> |
|
|
|
|
<image src="/static/images/xiaoxi.png" mode="" @click="goChat" class="xiaoxi"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="serch-box skeleton-rect" style="height: 110rpx;"> |
|
|
|
|
<view class="serch-wrapper flex"> |
|
|
|
|
<view v-if="logoConfig" class="logo skeleton-rect"><image :src="logoConfig" mode=""></image></view> |
|
|
|
|
<navigator :url="merId ? '/pages/store/list/index?mer_id='+merId : '/pages/columnGoods/goods_search/index'" :class="logoConfig ? 'input' : 'uninput'" |
|
|
|
|
hover-class="none" class="skeleton-rect box" :style="'border-radius:'+'80'+'rpx;text-align:'+txtStyle"> |
|
|
|
|
<text class="iconfont icon-xiazai5"></text> |
|
|
|
|
搜索商品 |
|
|
|
|
<view class="searchBtn">搜索</view> |
|
|
|
|
</navigator> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view :style="'height:'+marTop+'px;'"></view> |
|
|
|
@ -48,6 +67,8 @@ |
|
|
|
|
// | Author: CRMEB Team <admin@crmeb.com> |
|
|
|
|
// +---------------------------------------------------------------------- |
|
|
|
|
let statusBarHeight = uni.getSystemInfoSync().statusBarHeight*2 + 'rpx'; |
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
import { configMap } from '@/utils/index'; |
|
|
|
|
export default { |
|
|
|
|
name: 'headerSerch', |
|
|
|
|
props: { |
|
|
|
@ -101,7 +122,16 @@ |
|
|
|
|
}, 300) |
|
|
|
|
// #endif |
|
|
|
|
}, |
|
|
|
|
methods: {} |
|
|
|
|
methods: { |
|
|
|
|
goChat(){ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:"/pages/huitong/huitongbao/notice" |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
computed:{ |
|
|
|
|
...configMap({login_logo:'',site_name: '',first_avatar_switch: ''}, mapGetters(['isLogin','viewColor'])), |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
@ -166,11 +196,27 @@ |
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
padding-bottom: 20rpx; |
|
|
|
|
/* #endif */ |
|
|
|
|
background-color: #fff; |
|
|
|
|
// background-color: #fff; |
|
|
|
|
background-size: cover; |
|
|
|
|
background-image: url(http://image.deyouzhenxuan.com/def/619d3202405301544182312.png); |
|
|
|
|
// margin-bottom: 24rpx; |
|
|
|
|
.indexTitle{ |
|
|
|
|
margin:0 24rpx; |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
color: #222222; |
|
|
|
|
} |
|
|
|
|
.xiaoxi{ |
|
|
|
|
width:44rpx; |
|
|
|
|
height:44rpx; |
|
|
|
|
} |
|
|
|
|
.serch-wrapper { |
|
|
|
|
height: 100%; |
|
|
|
|
align-items: center; |
|
|
|
|
padding: 0 50rpx 0 53rpx; |
|
|
|
|
// padding: 0 50rpx 0 53rpx; |
|
|
|
|
padding: 0 24rpx; |
|
|
|
|
position: relative; |
|
|
|
|
image { |
|
|
|
|
width: 118rpx; |
|
|
|
|
height: 42rpx; |
|
|
|
@ -186,7 +232,7 @@ |
|
|
|
|
flex: 1; |
|
|
|
|
width: 500rpx; |
|
|
|
|
/* #endif */ |
|
|
|
|
height: 58rpx; |
|
|
|
|
height: 80rpx; |
|
|
|
|
padding: 0 0 0 30rpx; |
|
|
|
|
background: rgba(247, 247, 247, 1); |
|
|
|
|
border: 1px solid rgba(241, 241, 241, 1); |
|
|
|
@ -199,10 +245,27 @@ |
|
|
|
|
} |
|
|
|
|
.uninput { |
|
|
|
|
/* #ifdef MP */ |
|
|
|
|
min-width: 450rpx; |
|
|
|
|
max-width: 480rpx; |
|
|
|
|
// min-width: 450rpx; |
|
|
|
|
// max-width: 480rpx; |
|
|
|
|
/* #endif*/ |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.searchBtn{ |
|
|
|
|
position: absolute; |
|
|
|
|
z-index:2; |
|
|
|
|
width: 120rpx; |
|
|
|
|
height: 66rpx; |
|
|
|
|
background: linear-gradient(0deg, #89B929, #116636); |
|
|
|
|
border-radius: 33px; |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
line-height: 66rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
right: 31rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/* #endif */ |
|
|
|
|