我有API这样的数组:
{"select1":"Select 1","select2":"Select 2","select3":"Select 3"}
Run Code Online (Sandbox Code Playgroud)
我想渲染这个数组option列表选择.
我想.flex-col使用顺风 CSS 使这个框对齐到内部中心。
我努力了:
<div data-v-bca28ca2="" data-v-925ac5ae="" class="flex justify-center flex-col">
<a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
<div data-v-bca28ca2="" class="flex ml-4">
<label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Client Services</span></div>
</a>
<a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
<div data-v-bca28ca2="" class="flex ml-4">
<label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Human Capital</span></div>
</a>
<a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
<div data-v-bca28ca2="" class="flex ml-4">
<label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Media</span></div>
</a> …Run Code Online (Sandbox Code Playgroud)