修改bug

wudg · Apr 13, 2024 · f85cd94 · f85cd94
1 parent d2d0146
commit f85cd94
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 24 deletions.
diff --git a/README.EN.md b/README.EN.md
@@ -70,4 +70,7 @@ Generate exquisite images with just one click based on text and emoticons
 
 ### V1.0.6 2024-04-02 22:53
 1. Add jump to GitHub
-2. Add WeChat QR code
+2. Add WeChat QR code
+
+### V1.0.7 2024-04-13 22:00
+1. Modifying bugs
diff --git a/README.md b/README.md
@@ -81,4 +81,8 @@ AmazeCard是一个在线工具，可以将文字和表情符号转换为图片
 
 ### V1.0.6 2024-04-02 22:53
 1. 添加跳转到GitHub
-2. 添加微信二维码
+2. 添加微信二维码
+
+
+### V1.0.7 2024-04-13 22:00
+1. 修改bug
diff --git a/src/App.vue b/src/App.vue
@@ -4,6 +4,12 @@
         <div class="head"> 
             <div class="logo">
                 {{ $t("logo") }}
+
+                <div class="add">
+                    <img src="./assets/git.svg" alt="" class="add-icon" @click="toGithub">
+                    <img src="./assets/wx.svg" alt="" class="add-icon wechat-icon">
+                    <img src="./assets/wechat1.jpg" alt="" class="wechat"> 
+                </div>
             </div>
             <div class="right">
                 <div class="custom-select">
@@ -28,11 +34,6 @@
             </div>
         </div>
         <component :is="Component" /> 
-        <div class="add">
-            <img src="./assets/git.svg" alt="" class="add-icon" @click="toGithub">
-            <img src="./assets/wx.svg" alt="" class="add-icon wechat-icon">
-            <img src="./assets/wechat1.jpg" alt="" class="wechat"> 
-        </div>
 
     </router-view>
 </template>
@@ -111,6 +112,8 @@ const selectOption = (option) => {
         color: var(--text);
         font-size: 24px;
         padding: 12px 0;
+        flex: 1;
+        display: flex;
     }
 
     .right {
@@ -172,23 +175,24 @@ const selectOption = (option) => {
         }
     }
 }
-.add { 
-    max-width: 1200px;
-    margin: 0 auto;
-    width: 100%;
+.add {  
     position: relative;
+    display: flex;
+    align-items: center;
 }
-.wechat {
+.wechat { 
     position: absolute;
     width: 370px;
-    bottom: 45px;
+    bottom: -511px;
     left: -85px;
     box-shadow: 2px 2px 50px -28px #00000080;
     border-radius: 10px;
     display: none;
+    z-index: 123;
 }
 .add-icon {
-    width: 32px;
+    width: 24px;
+    height: 24px;
     background: #201e25;
     border-radius: 50%;
     margin: 0 12px;
@@ -204,5 +208,10 @@ const selectOption = (option) => {
     .head {
         padding: 0 12px;
     }
+    .wechat {  
+        width: 200px;
+        bottom: -276px;
+        left: -46px;
+    }
 }
 </style>
diff --git a/src/components/richText.vue b/src/components/richText.vue
@@ -30,13 +30,13 @@ const toolbarOptions = [
     // 1、2 级标题-----[{ header: 1 }, { header: 2 }]
     [{ header: 1 }, { header: 2 }],
     // 有序、无序列表-----[{ list: 'ordered' }, { list: 'bullet' }]
-    [{ list: 'ordered' }, { list: 'bullet' }],
+    [{ list: 'bullet' }],
     // 上标/下标-----[{ script: 'sub' }, { script: 'super' }]
     [{ script: 'sub' }, { script: 'super' }],
     // 缩进-----[{ indent: '-1' }, { indent: '+1' }]
     [{ indent: '-1' }, { indent: '+1' }],
     // 文本方向-----[{'direction': 'rtl'}]
-    [{ direction: 'rtl' }],
+    [{ direction: 'rtl' }], 
     // 字体大小-----[{ size: ['small', false, 'large', 'huge'] }]
     [{ size: ['small', false, 'large', 'huge'] }],
     // 标题-----[{ header: [1, 2, 3, 4, 5, 6, false] }]
@@ -51,7 +51,7 @@ const toolbarOptions = [
     ['clean'],
     // 链接、图片、视频-----['link', 'image', 'video']
     ['link', 'image', 'video', 'table'],
-    ['table'] // 表格
+    ['table'] // 表格 
 ];
 
 export default defineComponent({

diff --git a/src/pages/index/index.less b/src/pages/index/index.less
@@ -20,8 +20,7 @@
         background: var(--current-block-background-color);
         padding: 20px;
         min-height: 300px;
-        border-radius: 16px;
-        box-shadow: 2px 2px 50px -20px #00000080;
+        border-radius: 16px; 
 
         transition: all .1s;
         display: flex;
@@ -33,8 +32,7 @@
     }
 
     .bottom {
-        padding: 10px 20px 30px;
-        box-shadow: 2px 2px 50px -20px #00000080;
+        padding: 10px 20px 30px; 
         background: var(--current-block-background-color);
         transition: all .1s;
         border-radius: 16px;
@@ -43,8 +41,7 @@
 
     .options {
         position: relative;
-        padding: 20px 20px;
-        box-shadow: 2px 2px 50px -20px #00000080;
+        padding: 20px 20px; 
         background: var(--current-block-background-color);
         transition: all .1s;
         border-radius: 16px;

diff --git a/src/style/variable.less b/src/style/variable.less
@@ -1,6 +1,6 @@
 :root {
     --text: #343434;
-    --background: #f8f8f8;
+    --background: #6c56f62e;
     --theme-color: #6c56f6;
     --border-color: var(--theme-color);
     --van-switch-on-background: var(--theme-color);