mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
f3aa35e5ff
naive-ui/demo/documentation/components/descriptions/zhCN/bordered.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix 
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

1.5 KiB
Raw Blame History

边框

如果有很多多行的信息，你可以把它设为 bordered。

<n-descriptions bordered>
  <n-descriptions-item>
    <template v-slot:label>
      早餐
    </template>
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="午餐">
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="晚餐">
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
</n-descriptions>
<n-descriptions label-placement="left" bordered>
  <n-descriptions-item>
    <template v-slot:label>
      Breakfast
    </template>
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="午餐">
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="晚餐">
    苹果
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
  <n-descriptions-item label="为什么长">
    为什么<br>长<br>长<br>长<br>长<br>长
  </n-descriptions-item>
</n-descriptions>

.n-descriptions {
  margin-top: 16px;
}