From b16d36e2a314efc42f99d484e5291a78a95fcd8e Mon Sep 17 00:00:00 2001 From: li-guang <153605324@qq.com> Date: Thu, 17 Dec 2020 15:32:12 +0800 Subject: [PATCH] Merge branch 'master' of https://gitee.com/jyyforjava/hive-app --- hive-app/pages/member/index.vue | 65 +++++++++++++++----------------- 1 files changed, 31 insertions(+), 34 deletions(-) diff --git a/hive-app/pages/member/index.vue b/hive-app/pages/member/index.vue index 4edbb8d..4b2b373 100644 --- a/hive-app/pages/member/index.vue +++ b/hive-app/pages/member/index.vue @@ -1,27 +1,17 @@ <template> <view class="container"> - <search-bar></search-bar> + <search-bar :placeholder=placeholder></search-bar> <view class="sort-wrap"> <view @click="filterCustom(1)"> - <text>到店排序</text> - <text class="iconfont iconjiantouarrow486"></text> - </view> - <view @click="filterCustom(2)"> - <text>卡项排序</text> - <text class="iconfont iconjiantouarrow486"></text> + <text>本月到店次数</text> + <text class="iconfont iconjiantouarrow486 gray"></text> </view> <view @click="filterCustom(3)"> - <text>全部筛选</text> - <text class="iconfont iconjiantouarrow486"></text> + <text>筛选</text> + <text class="iconfont iconshaixuan gray"></text> </view> </view> <filter-dropdown ref="filterDropdownEl" :list="filterList" :type="filterType"></filter-dropdown> - <view class="sort-tab"> - <text class="sort-tab-item">正式客户</text> - <text class="sort-tab-item">体验客户</text> - <text class="sort-tab-item">潜在客户</text> - <text class="sort-tab-item">潜在客户</text> - </view> <view class="flex justify-between" @click="toDetail"> <view class="flex-1 mr-10"> <view class="member-list flex align-center" v-for="(item, index) in 15"> @@ -40,6 +30,11 @@ </view> <indexed-list></indexed-list> </view> + <view class="quick-entry"> + <navigator url="./editMember" hover-class="navigator-hover"> + <text class="iconfont iconjiahao"></text> + </navigator> + </view> </view> </template> @@ -55,6 +50,7 @@ }, data() { return { + placeholder:"请输入会员姓名、手机号、编号查询", colors: ['#CCC6B4', '#C0CCB4', '#B4C2CC', '#BEB4CC', '#B4CCBE', '#B4CCCA', '#CCB4C6', '#CCB4B4'], filterType: 1, filterList: [], @@ -154,25 +150,7 @@ } .sort-wrap .iconfont{ font-size: 14px; - color: #999; - padding-left: 3px; - } - .sort-tab{ - display: flex; - justify-content: space-between; - margin: 10px 0; - } - .sort-tab-item{ - border:1px solid #EDEAF4; - font-size: 14px; - color: #ABB1CC; - padding: 3px 10px; - border-radius: 4px; - box-shadow: 3px 3px 5px #EEEEEE; - } - .sort-tab-item.active{ - border: 1px solid #518EFF; - color: #518EFF; + padding-left: 4px; } .first-name{ display: inline-block; @@ -191,4 +169,23 @@ padding: 20px 0 20px 5px; border-bottom: 1px solid #EDEAF4; } + .quick-entry{ + position: fixed; + bottom: 80px; + right: 15px; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + border-radius: 50%; + background: #518EFF; + color: #FFFFFF; + box-shadow: 4px 4px 5px #ddd; + } + .quick-entry .iconfont{ + font-size: 24px; + } + .navigator-hover{ + border-radius: 50%; + } </style> -- Gitblit v1.9.1