feat: 🎸 显示更多组建开发中

src/components/More/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="more__item clearfix">
+    <p class="more__item--text">{{ content }}</p>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType, computed, unref, onMounted, nextTick, ref } from 'vue'
+export default defineComponent({
+  name: 'More',
+  props: {
+    // 内容
+    content: {
+      type: String as PropType<string>,
+      default: ''
+    },
+    // 默认展示几行
+    lineClamp: {
+      type: Number as PropType<number>,
+      default: 0
+    },
+    // 宽度
+    width: {
+      type: String as PropType<string>,
+      default: '300px'
+    },
+    // style
+    style: {
+      type: Object as PropType<object>,
+      default: () => {
+        return {
+          width: '300px',
+          float: 'left'
+        }
+      }
+    }
+  },
+  setup(props) {
+    const styleObj = computed(() => {
+
+    })
+  }
+})
+</script>
+
+<style lang="less" scoped>
+.more__item {
+  width: 528px;
+  height: 122px;
+  float: left;
+  .more__item--text {
+    width: 476px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    font-size: 14px;
+    color: #545c63;
+    line-height: 28px;
+    transition: all .1s;
+    text-align: left;
+    &:hover {
+      background: #fff;
+      height: auto;
+      position: relative;
+      z-index: 5;
+      border-radius: 8px;
+      box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
+      -webkit-line-clamp: inherit;
+       padding: 10px;
+      margin-top: -10px;
+      margin-left: -10px;
+    }
+  }
+}
+.clearfix:after {
+  content: "";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+</style>

src/components/Setting/index.vue

@@ -35,14 +35,6 @@
       <div class="setting__title">顶部菜单主题</div> -->
 
       <!-- <div class="setting__title">界面功能</div> -->
-      <!-- <div class="setting__item">
-        <span>固定顶部操作栏</span>
-        <el-switch v-model="fixedNavbar" @change="setFixedNavbar" />
-      </div>
-      <div class="setting__item">
-        <span>固定标签页</span>
-        <el-switch v-model="fixedTags" @change="setFixedTags" />
-      </div> -->
 
       <div class="setting__title">界面显示</div>
       <div class="setting__item">
@@ -116,16 +108,6 @@ export default defineComponent({
       appStore.SetCollapsed(false)
     }
 
-    // const fixedNavbar = ref<boolean>(appStore.fixedNavbar)
-    // function setFixedNavbar(fixedNavbar: boolean) {
-    //   appStore.SetFixedNavbar(fixedNavbar)
-    // }
-
-    // const fixedTags = ref<boolean>(appStore.fixedTags)
-    // function setFixedTags(fixedTags: boolean) {
-    //   appStore.SetFixedTags(fixedTags)
-    // }
-
     const fixedHeader = ref<boolean>(appStore.fixedHeader)
     function setFixedHeader(fixedHeader: boolean) {
       appStore.SetFixedHeader(fixedHeader)
@@ -179,8 +161,6 @@ export default defineComponent({
     return {
       drawer, toggleClick,
       layout, setLayout,
-      // fixedNavbar, setFixedNavbar,
-      // fixedTags, setFixedTags,
       fixedHeader, setFixedHeader,
       navbar, setNavbar,
       hamburger, setHamburger,