From 0a0080a207a39e51a30a23a41c2054e842f36dae Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 06 四月 2021 18:21:27 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/panel/bounced/TextBounced.vue | 31 ++++++++++++++++++++++++++----- 1 files changed, 26 insertions(+), 5 deletions(-) diff --git a/src/components/panel/bounced/TextBounced.vue b/src/components/panel/bounced/TextBounced.vue index d3c1f00..6ccfe85 100644 --- a/src/components/panel/bounced/TextBounced.vue +++ b/src/components/panel/bounced/TextBounced.vue @@ -10,13 +10,13 @@ <li> <form action="" class="bounced-box-content"> <h6>鍐呭锛�</h6> - <div><textarea v-model='bouncedText'></textarea></div> + <div><textarea v-model='bouncedText' @blur="ChangeText"></textarea></div> </form> </li> <li class="bounced-box-choose"> <span>棰滆壊锛�</span> <select v-model='bouncedSelect' @click="changeLabelTextSelect()"> - <option v-for="(item,index) in selectOptions" :key="index" :value="item">{{ item }}</option> + <option v-for="(item,index) in selectOptions" :key="index" :value="item.value">{{ item.text }}</option> </select> </li> </ul> @@ -24,13 +24,29 @@ </template> <script> + +import MakeTation from '@components/plugin/MakeTation' + export default { name: 'TextBounced', data () { return { bouncedText: '', - bouncedSelect: '绾㈣壊', - selectOptions: ['绾㈣壊', '钃濊壊', '榛勮壊'] + bouncedSelect: 'red', + selectOptions: [ + { + value: 'red', + text: '绾㈣壊' + }, + { + value: 'blue', + text: '钃濊壊' + }, + { + value: 'yellow', + text: '榛勮壊' + } + ] } }, methods: { @@ -40,6 +56,11 @@ changeLabelTextSelect () { // this.bouncedSelect = item console.log('鑾峰彇棰滆壊') + MakeTation.setContentColor(this.bouncedSelect) + }, + ChangeText () { + MakeTation.setContentText(this.bouncedText) + console.log(this.bouncedText) } } } @@ -63,7 +84,7 @@ margin: 0; li { - margin: 0.5rem 0; + margin: 1rem 0; } .bounced-box-title { -- Gitblit v1.8.0