mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2025-12-28 20:10:22 +08:00
first commit
This commit is contained in:
56
src/views/test-page/TestUnocss.vue
Normal file
56
src/views/test-page/TestUnocss.vue
Normal file
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="content-box">
|
||||
<p text-12>测试12px</p>
|
||||
<p text-13>测试13px</p>
|
||||
<p text-14>测试14px</p>
|
||||
<p text-15>测试15px</p>
|
||||
<p text-16>测试16px</p>
|
||||
<p text-17>测试17px</p>
|
||||
<p text-18>测试18px</p>
|
||||
<p text-19>测试19px</p>
|
||||
<p text-20>测试20px</p>
|
||||
</div>
|
||||
<div mt-30 class="content-box">
|
||||
<p text-12>测试12px</p>
|
||||
<p text-13>测试13px</p>
|
||||
<p text-14>测试14px</p>
|
||||
<p text-15>测试15px</p>
|
||||
<p text-16>测试16px</p>
|
||||
<p text-17>测试17px</p>
|
||||
<p text-18>测试18px</p>
|
||||
<p text-19>测试19px</p>
|
||||
<p text-20>测试20px</p>
|
||||
</div>
|
||||
<div mt-30 class="content-box">
|
||||
<p text-12>测试12px</p>
|
||||
<p text-13>测试13px</p>
|
||||
<p text-14>测试14px</p>
|
||||
<p text-15>测试15px</p>
|
||||
<p text-16>测试16px</p>
|
||||
<p text-17>测试17px</p>
|
||||
<p text-18>测试18px</p>
|
||||
<p text-19>测试19px</p>
|
||||
<p text-20>测试20px</p>
|
||||
</div>
|
||||
<div mt-30 class="content-box">
|
||||
<p text-12>测试12px</p>
|
||||
<p text-13>测试13px</p>
|
||||
<p text-14>测试14px</p>
|
||||
<p text-15>测试15px</p>
|
||||
<p text-16>测试16px</p>
|
||||
<p text-17>测试17px</p>
|
||||
<p text-18>测试18px</p>
|
||||
<p text-19>测试19px</p>
|
||||
<p text-20>测试20px</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.content-box {
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user