mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 07:53:48 +09:00
118 lines
2.3 KiB
Markdown
118 lines
2.3 KiB
Markdown
### Ordered Lists
|
|
|
|
Ordered lists `ol` are also genrated using a div with the content class.
|
|
Ordered list bullets can be controlled with the type attribute.
|
|
Available types are `type="1"`, `type="A"`, `type="a"`, `type="I"`, `type="i"`
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<div class="columns">
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol type="1">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol type="A">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="a">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="I">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="i">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<div class="columns">
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol type="1">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol type="A">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="a">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="I">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="column is-one-fifth">
|
|
<div class="content">
|
|
<ol class="is-light" type="i">
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--/example-->
|