From aaa767b2054fdbe7f60b9d1fdc7a8ad3b25d6c90 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Thu, 17 Dec 2020 16:37:31 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/orderList.vue | 39 +++++++++++---------------------------- 1 files changed, 11 insertions(+), 28 deletions(-) diff --git a/hive-app/pages/workbench/orderList.vue b/hive-app/pages/workbench/orderList.vue index 712fc2d..bb1fb8d 100644 --- a/hive-app/pages/workbench/orderList.vue +++ b/hive-app/pages/workbench/orderList.vue @@ -4,10 +4,7 @@ <!-- #ifndef H5 --> <view class="status_bar"></view> <!-- #endif --> - <view class="input-box"> - <view class="input-icon iconfont iconsousuo"></view> - <input placeholder="输入会员姓名;手机号;编号查询" class="input" placeholder-class="input-text"/> - </view> + <search-bar :placeholder=placeholder class="header-input"></search-bar> <view> <h-tabs class="tab" @@ -17,8 +14,7 @@ activeColor: '#518EFF', underLineColor: '#518EFF', underLineHeight: 4, - fontSize: '30px', - itemWidth: 80, + fontSize: '30', underLineWidth: 60, }" /> @@ -38,9 +34,9 @@ <text class="font-12 mt-10">欠款总额</text> </view> <view class="flex flex-v"> - <text class="font-12">$ 8000.00</text> - <text class="font-12 mt-10">$ 0.00</text> - <text class="font-12 mt-10">$ 8000.00</text> + <text class="font-12">¥ 8000.00</text> + <text class="font-12 mt-10">¥ 0.00</text> + <text class="font-12 mt-10">¥ 8000.00</text> </view> </view> <view class="flex justify-end"> @@ -53,12 +49,15 @@ <script> import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue"; + import searchBar from '../../components/searchBar/index.vue'; export default { components: { - HTabs + HTabs, + searchBar }, data() { return { + placeholder:"输入会员姓名、手机号、编号查询", tabs:[ { state: 1, @@ -83,24 +82,8 @@ </script> <style> - .input-box{ - margin: 0 15px; - background: #F8F8F8; - border-radius: 25px; - display: flex; - align-items: center; - padding: 10px 0; - } - .input-icon{ - font-size: 20px; - margin: 0 16px; - } - .input{ - flex: 1; - font-size: 14px; - } - .input-text{ - color: #ABB1CC; + .header-input{ + margin: 0 10px; } .tab{ border-bottom: 1px solid #EDEAF4; -- Gitblit v1.9.1