| | |
|---|
| | | </div>
|
|---|
| | | <div class="toolBox">
|
|---|
| | | <!-- <tools :tools="toolConfig" class="tools" @emoji="bindEmoji" /> -->
|
|---|
| | | <EnterBox @submit="enter" v-model="msg" />
|
|---|
| | | <div :class=" $store.state.setScreenFlag ? 'isActive' : 'Active' ">
|
|---|
| | | <EnterBox @submit="enter" v-model="msg" />
|
|---|
| | | </div>
|
|---|
| | | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | |
|---|
| | |
|
|---|
| | | .taleBox {
|
|---|
| | | height: calc(100% - 100px);
|
|---|
| | | width: 100%;
|
|---|
| | | overflow: auto;
|
|---|
| | | overflow-x: hidden;
|
|---|
| | | padding-top: 15px;
|
|---|
| | | padding-left: 10px;
|
|---|
| | | padding-right: 10px;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .toolBox {
|
|---|
| | | height:60px;
|
|---|
| | | height: 60px;
|
|---|
| | | width: 100%;
|
|---|
| | | display: flex;
|
|---|
| | | justify-content: center;
|
|---|
| | | /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); */
|
|---|
| | | }
|
|---|
| | | .isActive{
|
|---|
| | | width: 90% !important;
|
|---|
| | | }
|
|---|
| | | .Active{
|
|---|
| | | width: 50% !important;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | <style>
|
|---|
| | | .scroll-container {
|
|---|
