appsnbcbweicheng 1.2.24 → 1.2.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsnbcbweicheng",
-  "version": "1.2.24",
+  "version": "1.2.26",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/public/ExpandText.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="expand-text">
+        <div ref="text" :class="['text-content', { clamp: !expanded }]">
+            {{ text }}
+        </div>
+
+        <span v-if="showToggle" class="toggle-btn" @click="toggle">
+            {{ expanded ? "收起" : "展开" }}
+        </span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "ExpandText",
+
+    props: {
+        text: {
+            type: String,
+            default: ""
+        }
+    },
+
+    data() {
+        return {
+            expanded: false,
+            showToggle: false
+        }
+    },
+
+    mounted() {
+        this.checkOverflow()
+    },
+
+    watch: {
+        text() {
+            this.$nextTick(() => {
+                this.checkOverflow()
+            })
+        }
+    },
+
+    methods: {
+        checkOverflow() {
+            const el = this.$refs.text
+
+            if (!el) return
+
+            this.showToggle = el.scrollHeight > el.clientHeight
+        },
+
+        toggle() {
+            this.expanded = !this.expanded
+        }
+    }
+}
+</script>
+
+<style scoped>
+.expand-text {
+    position: relative;
+}
+
+.text-content {
+    word-break: break-word;
+    line-height: 20px;
+}
+
+/* 三行限制 */
+.clamp {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.toggle-btn {
+    color: #409eff;
+    cursor: pointer;
+    font-size: 12px;
+    margin-left: 6px;
+}
+</style>

package/readme.md

@@ -1,3 +1,5 @@
+1.2.26 投研平台
+1.2.25 投研平台
 1.2.24 投研平台
 1.2.23 投研平台
 1.2.22 数据核对