Commit 7c201806 authored by gxkai's avatar gxkai

init

parent 0a82ae34
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -2,7 +2,7 @@ body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none
/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.table{display:table}.h-full{height:100%}.w-1440{width:1440px}.min-w-1440{min-width:1440px}.max-w-full{max-width:100%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.p-6{padding:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-main{color:rgba(0,0,0,.85)}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.table{display:table}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.p-6{padding:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-main{color:rgba(0,0,0,.85)}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}
/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div class="container min-w-1440 max-w-full" :class="className">
<div class="w-1440 mx-auto h-full">
<slot />
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue'
import 'tailwindcss/tailwind.css'
import '@/style.css'
export default Vue.extend({
props: {
className: String
}
})
</script>
<template>
<div class="partner">
<container class-name="bg-white">
<div class="p-6">
<div class="info-wrapper pt-6 pb-4">
<div class="title text-xl text-main font-semibold mb-4">
{{apiInfo.title}}
</div>
<div class="">
<div class="py-0.5">简介: {{apiInfo.description}}</div>
<div class="py-0.5">版本: {{apiInfo.version}}</div>
<div class="py-0.5">服务Url: {{apiInfo.termsOfService}}</div>
</div>
</div>
<a-collapse :bordered="true" default-active-key="1" expand-icon-position="right" accordion>
<!-- <template #expandIcon="props">
<a-icon type="caret-right" :rotate="props.isActive ? 90 : 0" />
</template> -->
<a-collapse-panel
v-for="(c, index) in apiTags"
:key="index"
:header="c.name"
:style="customStyle">
<a-collapse default-active-key="1" expand-icon-position="right" accordion>
<a-collapse-panel
v-for="val in getPathList(c.name)"
:key="`${val[0]}${val[1]}`"
:style="customStyleChild">
<div slot="header" class="header text-main text-base flex items-center">
<a-tag :color="tagColor[val[1]]">{{val[1]}}</a-tag>
<div class="mx-2 font-semibold">{{val[0]}}</div>
<div class="mx-2 font-normal">{{val[2].summary}}</div>
</div>
<div class="">
<!-- parameters -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Parameters / 请求参数</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="parameterTableCols"
:data-source="getParameters(val[2].parameters)">
<span slot="required" slot-scope="required">{{String(required || '')}}</span>
</a-table>
</div>
<!-- responses -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Responses / 响应状态</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="responseCols"
:data-source="getResponseData(val[2].responses)">
</a-table>
</div>
<!-- 相应参数 -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Responses / 响应参数</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="responseParameterCols"
:data-source="getResponseParameterData(val[2].responses['200'])">
</a-table>
</div>
</div>
</a-collapse-panel>
</a-collapse>
<div class="p-6">
<div class="info-wrapper pt-6 pb-4">
<div class="title text-xl text-main font-semibold mb-4">
{{apiInfo.title}}
</div>
<div class="">
<div class="py-0.5">简介: {{apiInfo.description}}</div>
<div class="py-0.5">版本: {{apiInfo.version}}</div>
<div class="py-0.5">服务Url: {{apiInfo.termsOfService}}</div>
</div>
</div>
<a-collapse :bordered="true" default-active-key="1" expand-icon-position="right" accordion>
<!-- <template #expandIcon="props">
<a-icon type="caret-right" :rotate="props.isActive ? 90 : 0" />
</template> -->
<a-collapse-panel
v-for="(c, index) in apiTags"
:key="index"
:header="c.name"
:style="customStyle">
<a-collapse default-active-key="1" expand-icon-position="right" accordion>
<a-collapse-panel
v-for="val in getPathList(c.name)"
:key="`${val[0]}${val[1]}`"
:style="customStyleChild">
<div slot="header" class="header text-main text-base flex items-center">
<a-tag :color="tagColor[val[1]]">{{val[1]}}</a-tag>
<div class="mx-2 font-semibold">{{val[0]}}</div>
<div class="mx-2 font-normal">{{val[2].summary}}</div>
</div>
<div class="">
<!-- parameters -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Parameters / 请求参数</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="parameterTableCols"
:data-source="getParameters(val[2].parameters)">
<span slot="required" slot-scope="required">{{String(required || '')}}</span>
</a-table>
</div>
<!-- responses -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Responses / 响应状态</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="responseCols"
:data-source="getResponseData(val[2].responses)">
</a-table>
</div>
<!-- 相应参数 -->
<div class="py-2">
<div class="text-sm font-semibold text-main mb-2">Responses / 响应参数</div>
<a-table
bordered
size="middle"
:pagination="false"
:columns="responseParameterCols"
:data-source="getResponseParameterData(val[2].responses['200'])">
</a-table>
</div>
</div>
</a-collapse-panel>
</a-collapse>
</div>
</container>
</a-collapse-panel>
</a-collapse>
</div>
</template>
<script lang="ts">
......@@ -82,7 +78,6 @@ import 'tailwindcss/tailwind.css'
import '@/style.css'
import Vue from 'vue'
// import PageHeadBanner from '@/components/PageHeadBanner.vue'
import Container from '@/components/Container.vue'
import { highLights, imgs } from '@/context/partner-page'
import { openApi } from '@/context/openApi'
import { Collapse, Icon, Tag, Table } from 'ant-design-vue'
......@@ -190,10 +185,7 @@ const responseParameterCols = [
]
export default Vue.extend({
components: {
// PageHeadBanner,
Container
},
components: {},
data () {
return {
highLights,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment