[add][前进后退]

src/assets/svg/icon-iframe-left.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.46967 9.96967C2.17678 10.2626 2.17678 10.7374 2.46967 11.0303L7.24264 15.8033C7.53554 16.0962 8.01041 16.0962 8.3033 15.8033C8.59619 15.5104 8.59619 15.0355 8.3033 14.7426L4.06066 10.5L8.3033 6.25736C8.59619 5.96447 8.59619 5.48959 8.3033 5.1967C8.01041 4.90381 7.53553 4.90381 7.24264 5.1967L2.46967 9.96967ZM18 9.75L3 9.75L3 11.25L18 11.25L18 9.75Z" fill="white"/>
+</svg>

src/assets/svg/icon-iframe-right.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5303 9.96967C17.8232 10.2626 17.8232 10.7374 17.5303 11.0303L12.7574 15.8033C12.4645 16.0962 11.9896 16.0962 11.6967 15.8033C11.4038 15.5104 11.4038 15.0355 11.6967 14.7426L15.9393 10.5L11.6967 6.25736C11.4038 5.96447 11.4038 5.48959 11.6967 5.1967C11.9896 4.90381 12.4645 4.90381 12.7574 5.1967L17.5303 9.96967ZM2 9.75L17 9.75L17 11.25L2 11.25L2 9.75Z" fill="white"/>
+</svg>

src/view/iframe/tool-box/card.vue

@@ -1,6 +1,10 @@
 <template>
     <div class="denet-toolbox" :class="{ 'pre-view': pre_view }">
         <div class="head">
+            <div class="handle">
+                <img :src="require('@/assets/svg/icon-iframe-left.svg')" />
+                <img :src="require('@/assets/svg/icon-iframe-right.svg')" />
+            </div>
             <span></span>
             <div v-show="state.show_btn && state.status == 'iframe'">
                 <img :src="require('@/assets/svg/icon-iframe-fixed.svg')" alt class="fixed" @click="clickFixed" />
@@ -175,7 +179,6 @@ const getDetail = () => {
             state.detail = JSON.parse(res.data.postBizData)
             console.log('postBizData', state.detail)
             // 加载iframe
-
             if (state.detail.viewBgImagePath) {
                 state.cover_url = state.detail.viewBgImagePath
             }
@@ -365,6 +368,19 @@ const clickFull = () => {
         align-items: center;
         justify-content: space-between;
 
+        .handle {
+            margin-left: 15px;
+
+            img:first-child {
+                margin-right: 15px;
+            }
+
+            .not {
+                opacity: 0.3;
+                cursor: auto;
+            }
+        }
+
         div {
             display: flex;
             justify-content: center;