cloud/flexbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

代码区域角标

Browse Source
This commit is contained in:
cloud 2022-11-03 09:10:30 +08:00
parent d55f08a8c3
commit 08680f9c47
6 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -8,6 +8,7 @@ export {}
declare module '@vue/runtime-core' { declare module '@vue/runtime-core' {
export interface GlobalComponents { export interface GlobalComponents {
AAlert: typeof import('@arco-design/web-vue')['Alert'] AAlert: typeof import('@arco-design/web-vue')['Alert']
ABadge: typeof import('@arco-design/web-vue')['Badge']
AButton: typeof import('@arco-design/web-vue')['Button'] AButton: typeof import('@arco-design/web-vue')['Button']
ACard: typeof import('@arco-design/web-vue')['Card'] ACard: typeof import('@arco-design/web-vue')['Card']
ACol: typeof import('@arco-design/web-vue')['Col'] ACol: typeof import('@arco-design/web-vue')['Col']

1
dist/assets/index.c1a11ab7.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/assets/index.3918908a.css → dist/assets/index.c8b6e2ec.css vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index.feb5f10c.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@ -5,8 +5,8 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS3 Flexbox 在线演示---语言爱好网</title> <title>CSS3 Flexbox 在线演示---语言爱好网</title>
<script type="module" crossorigin src="/assets/index.feb5f10c.js"></script> <script type="module" crossorigin src="/assets/index.c1a11ab7.js"></script>
<link rel="stylesheet" href="/assets/index.3918908a.css"> <link rel="stylesheet" href="/assets/index.c8b6e2ec.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

18
src/App.vue
View File

@ -332,14 +332,24 @@ setInterval(() => {
<a-alert <a-alert
type="success" type="success"
:show-icon="false" :show-icon="false"
:style="{ padding: '20px', marginTop: '15px' }" :style="{ padding: '20px',paddingRight:'35px', marginTop: '15px' }"
v-if="fiexBoxDomHtml || fiexBoxCssString || fiexItemCssString" v-if="fiexBoxDomHtml || fiexBoxCssString || fiexItemCssString"
> >
<a-alert type="error" :show-icon="false">{{ fiexBoxDomHtml }}</a-alert> <a-badge text="HTML" :style="{userSelect:'none'}">
<a-alert type="error" :show-icon="false" :style="{userSelect:'text'}">{{ fiexBoxDomHtml }}</a-alert>
</a-badge>
<a-divider/> <a-divider/>
{{ fiexBoxCssString }} <a-badge text="CSS-1" :style="{userSelect:'none'}">
<a-alert type="success" :show-icon="false" :style="{userSelect:'text'}">
{{ fiexBoxCssString }}
</a-alert>
</a-badge>
<a-divider/> <a-divider/>
{{ fiexItemCssString }} <a-badge text="CSS-2" :style="{userSelect:'none'}">
<a-alert type="success" :show-icon="false" :style="{userSelect:'text'}">
{{ fiexItemCssString }}
</a-alert>
</a-badge>
<a-divider/> <a-divider/>
</a-alert> </a-alert>
</a-form> </a-form>