| | |
| | | <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 |
| | |
| | | <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> |
| | | |
| | |
| | | </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: fixed; |
| | | top: vww(96); |
| | | right: vww(32); |
| | | z-index: 1; |
| | | .icon-body { |
| | | position: relative; |
| | | .icon-box { |
| | | width: vww(30); |
| | | height: vww(30); |
| | | background-color: #eee; |
| | | border-radius: 50%; |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | right: vww(-3); |
| | | } |
| | | } |
| | | } |
| | | </style> |