首页的操作系统类型，增加tooltip 和长度限制

2 years ago · 279d0742f9
1 changed files with 24 additions and 2 deletions
--- a/01.web/src/views/index/index.vue
+++ b/01.web/src/views/index/index.vue
@ -1,9 +1,31 @@
				@@ -1,9 +1,31 @@
 <template>
  <div>
-    <Card :bordered="false" :dis-hover="true" style="margin-bottom: 10px" v-if="display.part1">
+    <Card
+      :bordered="false"
+      :dis-hover="true"
+      style="margin-bottom: 10px"
+      v-if="display.part1"
+    >
      <p slot="title">
        <Icon type="md-bulb" />
-        {{ systemBrif.os }}
+        <Tooltip
+          max-width="500"
+          placement="bottom"
+          :transfer="true"
+          :content="systemBrif.os"
+        >
+          <span
+            style="
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              width: 450px;
+              display: inline-block;
+            "
+          >
+            {{ systemBrif.os }}
+          </span>
+        </Tooltip>
      </p>
      <div>
        <Row>