From 79993be468244e6cc16ce9c1d7e8736bd359c600 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期五, 05 五月 2023 14:48:51 +0800 Subject: [PATCH] 样式全面修改,所有页面焕然一新 --- pages/tabbar-page/index-tabbar/index-tabbar.vue | 38 +++++++++++++++++++++++++------------- 1 files changed, 25 insertions(+), 13 deletions(-) diff --git a/pages/tabbar-page/index-tabbar/index-tabbar.vue b/pages/tabbar-page/index-tabbar/index-tabbar.vue index 83b66ea..3921269 100644 --- a/pages/tabbar-page/index-tabbar/index-tabbar.vue +++ b/pages/tabbar-page/index-tabbar/index-tabbar.vue @@ -1,7 +1,9 @@ <template> <view> <view class="search-bar"> - <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#000" size="50"></u-icon></view> + <view class="icon-body"> + <view class="icon-box" @click="messagePage"><u-icon name="chat" color="#fff" size="50"></u-icon></view> + </view> </view> <customer-index v-if="roleType == 1" ref="customerIndexRef" :orderPlanDataStore="orderPlanDataStore"></customer-index> <freight-forwarder-index @@ -16,6 +18,7 @@ <u-modal :show="messagePushShow" :title="messageList.title" @confirm="messageconfirm"> <view class="slot-content"><rich-text :nodes="messageList.content"></rich-text></view> </u-modal> + <view class="white-block"></view> </view> </template> @@ -270,21 +273,30 @@ </script> <style lang="scss" scoped> +.white-block { + width: 100%; + height: vww(50); + margin-top: vww(10); +} .search-bar { height: vww(20); width: 96%; - margin: vww(3) auto; - position: relative; - .icon-box { - width: vww(30); - height: vww(30); - background-color: #eee; - border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; - position: absolute; - right: vww(-3); + position: fixed; + top: vww(96); + right: vww(32); + z-index: 1; + .icon-body { + position: relative; + .icon-box { + width: vww(30); + height: vww(30); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + right: vww(-3); + } } } </style> -- Gitblit v1.9.1