|
@@ -1,38 +1,41 @@
|
|
<template>
|
|
<template>
|
|
<view class="content">
|
|
<view class="content">
|
|
- <u-navbar title="电子名片" placeholder bgColor="#112253" titleStyle="color:#fff">
|
|
|
|
- <view class="u-nav-slot relative" slot="left">
|
|
|
|
- <u-icon name="bell" size="26" @click="toNotice" color="#fff"></u-icon>
|
|
|
|
- <u-badge :isDot="unread>0?true:false" type="error" class="point"></u-badge>
|
|
|
|
- </view>
|
|
|
|
- </u-navbar>
|
|
|
|
- <view class="content1 flex-row-center">
|
|
|
|
- <view class="search flex flex-between" @click="search">
|
|
|
|
- <view class="left flex">
|
|
|
|
- <uni-icons type="search" size="24" color="#9199af"></uni-icons>
|
|
|
|
- <text class="search-val"> {{searchVal?searchVal:'搜索名片'}}</text>
|
|
|
|
- <uni-icons type="closeempty" size="24" @click.native.stop="delSearchVal" v-if="searchVal">
|
|
|
|
- </uni-icons>
|
|
|
|
|
|
+ <view class='wrap'>
|
|
|
|
+ <u-navbar title="电子名片" placeholder bgColor="#112253" titleStyle="color:#fff">
|
|
|
|
+ <view class="u-nav-slot relative" slot="left">
|
|
|
|
+ <u-icon name="bell" size="26" @click="toNotice" color="#fff"></u-icon>
|
|
|
|
+ <u-badge :isDot="unread>0?true:false" type="error" class="point"></u-badge>
|
|
</view>
|
|
</view>
|
|
|
|
+ </u-navbar>
|
|
|
|
+ <view class="content1 flex-row-center">
|
|
|
|
+ <view class="search flex flex-between" @click="search">
|
|
|
|
+ <view class="left flex">
|
|
|
|
+ <uni-icons type="search" size="24" color="#9199af"></uni-icons>
|
|
|
|
+ <text class="search-val"> {{searchVal?searchVal:'搜索名片'}}</text>
|
|
|
|
+ <uni-icons type="closeempty" size="24" @click.native.stop="delSearchVal" v-if="searchVal">
|
|
|
|
+ </uni-icons>
|
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="right">
|
|
|
|
- <image style='width:32rpx;height:32rpx;' v-if="searchVal" @click.native.stop="delSearchVal"
|
|
|
|
- src="../../static/imgs/card/searchdel.png" mode="widthFix"></image>
|
|
|
|
- <uni-icons type="mic" size="24" @click.native.stop="micOpen" color="#9199af"></uni-icons>
|
|
|
|
|
|
+ <view class="right">
|
|
|
|
+ <image style='width:32rpx;height:32rpx;' v-if="searchVal" @click.native.stop="delSearchVal"
|
|
|
|
+ src="../../static/imgs/card/searchdel.png" mode="widthFix"></image>
|
|
|
|
+ <uni-icons type="mic" size="24" @click.native.stop="micOpen" color="#9199af"></uni-icons>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="col flex">
|
|
|
|
+ <uni-icons type="scan" size="30" @click="scan" color="#fff"></uni-icons>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="col flex">
|
|
|
|
- <uni-icons type="scan" size="30" @click="scan" color="#fff"></uni-icons>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
|
|
- <view :style='cardHolderList.length>0?"padding:20rpx 20rpx 200rpx 20rpx;":"padding:20rpx 20rpx 20rpx 20rpx;"' class="content2">
|
|
|
|
- <view class="all-type flex" @click="selectType">
|
|
|
|
- <text>{{typeName?typeName:'全部分类'}}</text>
|
|
|
|
- <uni-icons type="bottom" size="18" color="#fff"></uni-icons>
|
|
|
|
|
|
+ <view :style='cardHolderList.length>0?"padding:20rpx 20rpx 200rpx 20rpx;":"padding:20rpx 20rpx 20rpx 20rpx;"' class="content2">
|
|
|
|
+ <view class="all-type flex" @click="selectType">
|
|
|
|
+ <text>{{typeName?typeName:'全部分类'}}</text>
|
|
|
|
+ <uni-icons type="bottom" size="18" color="#fff"></uni-icons>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view :style='cardHolderList.length>0?"top:-170rpx;":"top:-10rpx;"' class="content3">
|
|
|
|
|
|
+
|
|
|
|
+ <view :style='cardHolderList.length>0?"top:376rpx;":"top:276rpx;"' class="content3">
|
|
|
|
|
|
<mescroll-body v-if='cardHolderList' :up="upOption" :down="downOption" ref="mescrollRef"
|
|
<mescroll-body v-if='cardHolderList' :up="upOption" :down="downOption" ref="mescrollRef"
|
|
@init="mescrollInit" @up="upCallback" @down="downCallback">
|
|
@init="mescrollInit" @up="upCallback" @down="downCallback">
|
|
@@ -1177,7 +1180,7 @@
|
|
.content3 {
|
|
.content3 {
|
|
// padding:0 20rpx;
|
|
// padding:0 20rpx;
|
|
position: relative;
|
|
position: relative;
|
|
- top: -170rpx;
|
|
|
|
|
|
+ top: 376rpx;
|
|
|
|
|
|
.style1 {
|
|
.style1 {
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1479,4 +1482,14 @@
|
|
/deep/.u-checkbox__icon-wrap.u-checkbox__icon-wrap--square {
|
|
/deep/.u-checkbox__icon-wrap.u-checkbox__icon-wrap--square {
|
|
border-color: #D7DEEB !important;
|
|
border-color: #D7DEEB !important;
|
|
}
|
|
}
|
|
|
|
+ .wrap{
|
|
|
|
+ position:fixed;
|
|
|
|
+ top:0;
|
|
|
|
+ width:100%;
|
|
|
|
+ }
|
|
|
|
+ /deep/.mescroll-body{
|
|
|
|
+ min-height:558px !important;
|
|
|
|
+ height:558px !important;
|
|
|
|
+ overflow:scroll !important;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|