[edit] views 文件目录整理

src/iframe/home.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from '@/view/home.vue'
+import App from '@/view/iframe/home/home.vue'
 
 const app = createApp(App)
 

src/iframe/publish.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from '@/view/publish.vue'
+import App from '@/view/iframe/publish/publish.vue'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 

src/iframe/red-packet.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from '@/view/red-packet.vue'
+import App from '@/view/iframe/red-packet/red-packet.vue'
 const app = createApp(App)
 
 // 引入路由对象实例

src/view/home.vue → src/view/iframe/home/home.vue

@@ -9,7 +9,7 @@
 
 <script setup>
 import { onMounted, ref } from "vue";
-import popup from './popup/index.vue'
+import popup from '@/view/popup/index.vue'
 
 let contentStyle = ref({});
 

src/view/components/preview-card.vue → src/view/iframe/publish/components/preview-card.vue

@@ -92,7 +92,7 @@
 <script setup>
 import { ref, defineProps, onMounted, nextTick, watch, reactive } from "vue";
 
-import customCardCover from './custom-card-cover.vue'
+import customCardCover from '@/view/components/custom-card-cover.vue'
 
 import {getChromeStorage} from "@/uilts/chromeExtension"
 import { throttle } from "@/uilts/help"
@@ -270,7 +270,7 @@ onMounted(() => {
             }
         }
         .left {
-            background: url('../../assets/img/img-preview-bg-after.png');
+            background: url('@/assets/img/img-preview-bg-after.png');
             width: 387px;
             height: 100%;
             background-size: contain;
@@ -308,7 +308,7 @@ onMounted(() => {
 
 
         .content-before {
-            background: url('../../assets/img/img-preview-bg-before.png');
+            background: url('@/assets/img/img-preview-bg-before.png');
             background-size: contain;
             height: 100%;
             .head {

src/view/components/give-dialog.vue → src/view/iframe/publish/give-dialog.vue

@@ -13,10 +13,10 @@
                     <!-- 关闭按钮 -->
                     <div class="close-btn" @click="close">
                         <img  class="icon-close"
-                            :src="require('../../assets/svg/icon-close.svg')"
+                            :src="require('@/assets/svg/icon-close.svg')"
                             v-if="showComType == 'default'"/>
                         <img class="icon-close"
-                            :src="require('../../assets/svg/icon-back.svg')"
+                            :src="require('@/assets/svg/icon-back.svg')"
                             v-else/>
                     </div>
                     <!-- 标题 -->
@@ -64,7 +64,7 @@
                     <div class="left" v-if="showComType != 'preview'">
                         <div class="gift-pack-wrapper">
                             <img class="icon"
-                                :src="require('../../assets/svg/icon-gift-pack.svg')"/>
+                                :src="require('@/assets/svg/icon-gift-pack.svg')"/>
                         </div>
                         <div class="bottom">
                         </div>
@@ -95,7 +95,7 @@
                                         <img
                                             class="arrow"
                                             :src="currentCurrencyInfo.currencyCode ?
-                                                require('../../assets/svg/icon-form-arrow-down.svg') :  require('../../assets/svg/icon-form-white-arrow-down.svg') 
+                                                require('@/assets/svg/icon-form-arrow-down.svg') :  require('@/assets/svg/icon-form-white-arrow-down.svg') 
                                             "
                                         />
                                     </div>
@@ -112,7 +112,7 @@
                                         <img
                                             class="icon"
                                             :src="
-                                                require('../../assets/svg/icon-winners.svg')
+                                                require('@/assets/svg/icon-winners.svg')
                                             "
                                         />
                                         Winners
@@ -131,7 +131,7 @@
                                     <div class="balance">
                                         <img
                                             :src="
-                                                require('../../assets/svg/icon-balance.svg')
+                                                require('@/assets/svg/icon-balance.svg')
                                             "
                                         />
                                         Balance
@@ -142,7 +142,7 @@
                                             :class="{ 'icon-refresh-rotate': refreshRotate }"
                                             @click="updateCurrencyBanlce"
                                             :src="
-                                                require('../../assets/svg/icon-form-refresh.svg')
+                                                require('@/assets/svg/icon-form-refresh.svg')
                                             "
                                         />
                                     </div>
@@ -186,7 +186,7 @@
                                     <img
                                         v-if="item.type == 3"
                                         :src="
-                                            require('../../assets/svg/icon-option-checked.svg')
+                                            require('@/assets/svg/icon-option-checked.svg')
                                         "
                                     />
                                 </div>
@@ -196,20 +196,20 @@
                                 <div class="label">
                                     <img
                                         :src="
-                                            require('../../assets/svg/icon-anti-bot.svg')
+                                            require('@/assets/svg/icon-anti-bot.svg')
                                         "
                                         class="icon-bot"
                                     />
                                     Anti Bot
                                     <img
                                         :src="
-                                            require('../../assets/svg/icon-beta.svg')
+                                            require('@/assets/svg/icon-beta.svg')
                                         "
                                         class="icon-beta"
                                     />
                                     <img
                                         :src="
-                                            require('../../assets/svg/icon-question.svg')
+                                            require('@/assets/svg/icon-question.svg')
                                         "
                                         class="icon-question"
                                     />
@@ -237,7 +237,7 @@
                                         class="icon-loading"
                                         v-if="submitIng"
                                         :src="
-                                            require('../../assets/svg/icon-btn-loading.svg')
+                                            require('@/assets/svg/icon-btn-loading.svg')
                                         "
                                     />
                                     {{iptErrMsgTxt ? iptErrMsgTxt : 'NEXT'}}
@@ -296,12 +296,13 @@ import "element-plus/es/components/message/style/css";
 
 import {create, all} from "mathjs";
 
-import previewCard from "./preview-card";
-import paypalButton from "./paypal-button";
-import followInput from "./follow-input";
-import messageBox from "./message-box.vue";
-import currencyList from "./currency-list.vue";
-import topUp from "./top-up.vue"
+import messageBox from "@/view/components/message-box.vue";
+import currencyList from "@/view/components/currency-list.vue";
+
+import previewCard from "@/view/iframe/publish/components/preview-card";
+import followInput from "@/view/iframe/publish/components/follow-input";
+import paypalButton from "@/view/iframe/publish/components/paypal-button";
+import topUp from "@/view/iframe/publish/components/top-up.vue";
 
 const config = {
     number: 'BigNumber',
@@ -415,7 +416,7 @@ let currentCurrencyInfo = ref({
 let formList = reactive([
     {
         label: "Follow",
-        icon: require("../../assets/svg/icon-follow.svg"),
+        icon: require("@/assets/svg/icon-follow.svg"),
         nodeType: "textarea",
         type: 1,
         text: [],
@@ -423,14 +424,14 @@ let formList = reactive([
     },
     {
         label: "Retweet",
-        icon: require("../../assets/svg/icon-retweet.svg"),
+        icon: require("@/assets/svg/icon-retweet.svg"),
         nodeType: "div",
         type: 3,
         checked: true,
     },
     {
         label: "Like Tweet",
-        icon: require("../../assets/svg/icon-like.svg"),
+        icon: require("@/assets/svg/icon-like.svg"),
         nodeType: "div",
         type: 2,
         checked: true,
@@ -1065,10 +1066,6 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-.ql-container {
-    height: 100px;
-}
-
 .overlay {
     position: fixed;
     top: 0;

src/view/publish.vue → src/view/iframe/publish/publish.vue

@@ -1,3 +1,4 @@
+<!-- 发布弹窗 -->
 <template>
     <div class="main_app">
         <give-dialog
@@ -10,7 +11,7 @@
 
 <script setup>
 import { ref } from "vue";
-import giveDialog from "@/view/components/give-dialog.vue";
+import giveDialog from "@/view/iframe/publish/give-dialog.vue";
 
 let dialogVisible = ref(false);
 
@@ -38,9 +39,6 @@ window.addEventListener("message", function (event) {
 </script>
 
 <style>
-.tox-metions__card-common {
-    display: none !important;
-}
 .main_app {
 }
 </style>

src/view/popup/popup.vue

@@ -166,12 +166,12 @@
             </div>
         </template>
         <!-- login -->
-        <option-login v-if="!isLogin" @loginAction="loginAction" />
+        <popup-login v-if="!isLogin" @loginAction="loginAction" />
         <template v-if="isLogin && !homeVisibility">
             <!-- 交易列表 -->
-            <option-transactions v-if="transactionsVisibility" @back="transactionsBack" />
+            <popup-transactions v-if="transactionsVisibility" @back="transactionsBack" />
             <!-- 提现页 -->
-            <option-withdraw :amountValue="canWithdrawBalance" :walletWithdrawConfig="walletWithdrawConfig"
+            <popup-withdraw :amountValue="canWithdrawBalance" :walletWithdrawConfig="walletWithdrawConfig"
                 v-if="withdrawVisibility" @back="withdrawBack" />
         </template>
     </div>
@@ -179,9 +179,11 @@
 
 <script setup>
 import { ref, onMounted, inject } from "vue";
-import optionTransactions from "@/view/components/options-transactions";
-import optionLogin from "@/view/components/option-login.vue";
-import optionWithdraw from "@/view/components/option-withdraw.vue";
+
+import popupLogin from "@/view/popup/components/login.vue";
+import popupTransactions from "@/view/components/popup-transactions";
+import popupWithdraw from "@/view/components/popup-withdraw.vue";
+
 import {
     getChromeStorage,
 } from "@/uilts/chromeExtension";

src/view/popup/transactions.vue

@@ -2,14 +2,14 @@
     <!-- 公共组件 -->
     <div class="info">
         <v-head :title="'Transactions'" :show_more="false" :back_url="'/'" @onBack="clickBack" ></v-head>
-        <options-transactions style="height: calc(100% - 48px);"></options-transactions>
+        <popup-transactions style="height: calc(100% - 48px);"></popup-transactions>
     </div>
 
 </template>
 
 <script setup>
 import VHead from '@/view/popup/components/head.vue'
-import OptionsTransactions from "@/view/components/options-transactions";
+import PopupTransactions from "@/view/components/popup-transactions";
 
 
 </script>

src/view/popup/withdraw/paypal.vue

@@ -2,14 +2,14 @@
     <!-- 公共组件 -->
     <div class="info">
         <v-head :title="'Withdraw'" :show_more="true"></v-head>
-        <option-withdraw style="height: calc(100% - 48px);" @back="back"></option-withdraw>
+        <popup-withdraw style="height: calc(100% - 48px);" @back="back"></popup-withdraw>
     </div>
 
 </template>
 
 <script setup>
 import VHead from '@/view/popup/components/head.vue'
-import OptionWithdraw from "@/view/components/option-withdraw.vue";
+import PopupWithdraw from "@/view/components/popup-withdraw.vue";
 import { useRouter } from "vue-router";
 
 let router = useRouter()