ソースを参照

增加KWIC例句缺少的图标。

qinpeng 2 年 前
コミット
64405acdcf

BIN
src/assets/NPC/analys-center.png


BIN
src/assets/NPC/analys-left.png


BIN
src/assets/NPC/analys-right.png


BIN
src/assets/NPC/download.png


+ 60 - 2
src/components/Adult/preview/components/WordPhraseDetail.vue

@@ -145,6 +145,30 @@
               </div>
             </div>
             <div :class="['liju', lijuPatternIndex == 1 ? 'KWIC_liju' : '']">
+              <div
+                v-if="lijuPatternIndex == 1"
+                class="sort_dv"
+                @click="sortEvent(0)"
+              >
+                <span :class="['sort', sortIndex == 0 ? 'sele' : '']">
+                  <img src="../../../../assets/NPC/analys-left.png" alt="" />
+                </span>
+                <span
+                  :class="['sort', sortIndex == 1 ? 'sele' : '']"
+                  @click="sortEvent(1)"
+                >
+                  <img src="../../../../assets/NPC/analys-center.png" alt="" />
+                </span>
+                <span
+                  :class="['sort', sortIndex == 2 ? 'sele' : '']"
+                  @click="sortEvent(2)"
+                >
+                  <img src="../../../../assets/NPC/analys-right.png" alt="" />
+                </span>
+                <span class="down">
+                  <img src="../../../../assets/NPC/download.png" alt="" />
+                </span>
+              </div>
               <div v-for="(item, i) in CurrentList" :key="i">
                 <div>{{ i + 1 }}.</div>
                 <div>
@@ -351,6 +375,7 @@ export default {
       lijuIndex: 0,
       lijuPatternIndex: 0,
       CurrentList: [],
+      sortIndex: 0,
     };
   },
   //计算属性 类似于data概念
@@ -373,6 +398,9 @@ export default {
   },
   //方法集合
   methods: {
+    sortEvent(index) {
+      this.sortIndex = index;
+    },
     // 切换模式
     cutPattern(index) {
       if (index == this.lijuPatternIndex) {
@@ -562,8 +590,7 @@ export default {
     },
   },
   //生命周期 - 创建完成(可以访问当前this实例)
-  created() {
-  },
+  created() {},
   //生命周期 - 挂载完成(可以访问DOM元素)
   mounted() {
     let _this = this;
@@ -853,7 +880,38 @@ export default {
           }
         }
         .KWIC_liju {
+          .sort_dv {
+            margin-left: 24px;
+            span {
+              display: inline-block;
+              width: 28px;
+              height: 28px;
+              background: #ffffff;
+              border-radius: 4px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
+              margin-right: 8px;
+            }
+            .sele {
+              background: #f0f0f0;
+            }
+            .sort {
+              img {
+                width: 14px;
+                height: 12px;
+              }
+            }
+            .down {
+              img {
+                width: 16px;
+                height: 16px;
+              }
+            }
+          }
           > div {
+            margin-left: 24px;
             > div {
               display: flex;
               .p1 {