From 1348c11eceeecc172e2a069b67e197de90aa5827 Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期四, 11 三月 2021 10:00:32 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/components/panel/bounced/TextBounced.vue | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 117 insertions(+), 0 deletions(-)
diff --git a/src/components/panel/bounced/TextBounced.vue b/src/components/panel/bounced/TextBounced.vue
new file mode 100644
index 0000000..d5dde64
--- /dev/null
+++ b/src/components/panel/bounced/TextBounced.vue
@@ -0,0 +1,117 @@
+<template>
+ <div class="bounced-box">
+ <ul>
+ <li>
+ <form action="" class="bounced-box-title">
+ <span>鏂囧瓧鏍囨敞璁剧疆</span>
+ <a @click="changeBounced()">X</a>
+ </form>
+ </li>
+ <li>
+ <form action="" class="bounced-box-content">
+ <h6>鍐呭锛�</h6>
+ <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>
+ </select>
+ </li>
+ </ul>
+ </div>
+</template>
+
+<script>
+
+import MakeTation from '@components/plugin/MakeTation'
+
+export default {
+ name: 'TextBounced',
+ data () {
+ return {
+ bouncedText: '',
+ bouncedSelect: '绾㈣壊',
+ selectOptions: ['绾㈣壊', '钃濊壊', '榛勮壊']
+ }
+ },
+ methods: {
+ changeBounced () {
+ this.$emit('changeBounced', false)
+ },
+ changeLabelTextSelect () {
+ // this.bouncedSelect = item
+ console.log('鑾峰彇棰滆壊')
+ },
+ ChangeText () {
+ MakeTation.setContentText(this.bouncedText)
+ console.log(this.bouncedText)
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.bounced-box {
+ position: absolute;
+ border: 1px solid grey;
+ width: 150px;
+ right: 5%;
+ top: 238px;
+ background-color: rgba(3, 28, 61, 0.8);
+ color: white;
+ cursor: default;
+ left: 814px;
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ li {
+ margin: 1rem 0;
+ }
+
+ .bounced-box-title {
+ background-color: rgba(34, 83, 130, 0.8);
+ cursor: move;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+
+ a {
+ color: white;
+ cursor: pointer;
+ }
+ }
+
+ .bounced-box-content {
+ h6 {
+ padding: 0;
+ margin: 5px;
+ }
+
+ div {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ textarea {
+ width: 90%;
+ resize: none;
+ outline: 0;
+ border: 1px solid #a0b3d6;
+ border-radius: 5px;
+ }
+ }
+ }
+
+ .bounced-box-choose {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0