docs: add qq number & form
parent
dac22759db
commit
2afccac35e
|
@ -92,20 +92,20 @@ export default {
|
||||||
{isCN && this.showTopBanner && (
|
{isCN && this.showTopBanner && (
|
||||||
<div class="global-notification">
|
<div class="global-notification">
|
||||||
<span>
|
<span>
|
||||||
v3 版本已发布,请访问
|
Surely Form 私有化部署专属的调研,投票、NPS、报名等系统,访问
|
||||||
<a href="https://next.antdv.com/" target="_blank">
|
<a href="https://form.antdv.com/" target="_blank">
|
||||||
next.antdv.com
|
form.antdv.com
|
||||||
</a>
|
</a>
|
||||||
查看更多详情
|
立即体验
|
||||||
</span>
|
</span>
|
||||||
<a-icon
|
<a-icon
|
||||||
type="close"
|
type="close"
|
||||||
style="position: absolute;top: 13px;right: 15px;"
|
style="position: absolute;top: 13px;right: 15px;"
|
||||||
onClick={() => this.handleClose('next')}
|
onClick={() => this.handleClose('surelyform')}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{!isCN && this.showTopBanner && (
|
{/* {!isCN && this.showTopBanner && (
|
||||||
<div class="global-notification">
|
<div class="global-notification">
|
||||||
<span>
|
<span>
|
||||||
v3 beta is out! Discover more about it on
|
v3 beta is out! Discover more about it on
|
||||||
|
@ -120,7 +120,7 @@ export default {
|
||||||
onClick={() => this.handleClose('next')}
|
onClick={() => this.handleClose('next')}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)} */}
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col class="header-left" xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}>
|
<a-col class="header-left" xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}>
|
||||||
<router-link to={{ path: '/' }} id="logo">
|
<router-link to={{ path: '/' }} id="logo">
|
||||||
|
@ -173,19 +173,37 @@ export default {
|
||||||
<a-menu-item key="components">
|
<a-menu-item key="components">
|
||||||
<router-link to="/docs/vue/introduce">{isCN ? '组件' : 'Components'}</router-link>
|
<router-link to="/docs/vue/introduce">{isCN ? '组件' : 'Components'}</router-link>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
{isCN ? (
|
<a-sub-menu
|
||||||
<a-menu-item key="surely-vue">
|
v-if="isZhCN"
|
||||||
|
key="advanced"
|
||||||
|
title={
|
||||||
|
<span style="position: relative">
|
||||||
|
高级组件
|
||||||
|
<a-badge color="red" style="position: absolute; top: -35px; right: -15px" />
|
||||||
|
</span>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<a-menu-item key="surely-table">
|
||||||
<a
|
<a
|
||||||
href="https://www.surely.cool"
|
href="https://www.surely.cool"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
style="position: relative"
|
style="position: relative;"
|
||||||
>
|
>
|
||||||
高级组件
|
Surely Table
|
||||||
<a-badge color="red" style="position: absolute;top: -10px;right: -10px;" />
|
|
||||||
</a>
|
</a>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
) : null}
|
<a-menu-item key="surely-form">
|
||||||
|
<a
|
||||||
|
href="https://form.antdv.com"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
style="position: relative;"
|
||||||
|
>
|
||||||
|
Surely Form
|
||||||
|
</a>
|
||||||
|
</a-menu-item>
|
||||||
|
</a-sub-menu>
|
||||||
{isCN ? (
|
{isCN ? (
|
||||||
<a-menu-item key="store">
|
<a-menu-item key="store">
|
||||||
<a
|
<a
|
||||||
|
@ -268,13 +286,14 @@ export default {
|
||||||
<a>{isCN ? '微信' : 'WeChat'}</a>
|
<a>{isCN ? '微信' : 'WeChat'}</a>
|
||||||
</a-popover>
|
</a-popover>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
<a-menu-item key="qq">
|
<a-menu-item key="qq1">
|
||||||
<a-popover placement="right">
|
<a>QQ 1群(217490093) 已满</a>
|
||||||
<template slot="content">
|
</a-menu-item>
|
||||||
<img width="160" height="160" alt="qq" src="https://qn.antdv.com/qq.png" />
|
<a-menu-item key="qq2">
|
||||||
</template>
|
<a>QQ 2群(809774695) 已满</a>
|
||||||
<a>{isCN ? 'QQ(217490093)' : 'QQ(217490093)'}</a>
|
</a-menu-item>
|
||||||
</a-popover>
|
<a-menu-item key="qq3">
|
||||||
|
<a>QQ 3群(927828249)</a>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
</a-sub-menu>
|
</a-sub-menu>
|
||||||
</a-menu>
|
</a-menu>
|
||||||
|
|
|
@ -1,20 +1,39 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<a href="https://www.surely.cool/" target="_blank">
|
<div class="container">
|
||||||
<div :class="cls">
|
<a-carousel autoplay>
|
||||||
<div class="logo">
|
<a style="display: inline-block" href="https://form.antdv.com/" target="_blank">
|
||||||
<img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
|
<div :class="cls">
|
||||||
</div>
|
<div class="logo">
|
||||||
<div class="desc">
|
<img height="80" src="https://aliyuncdn.antdv.com/form/static/logo-blue.png" alt="" />
|
||||||
<div class="title">高性能 Surely Vue</div>
|
</div>
|
||||||
<div class="sub-title">
|
<div class="desc">
|
||||||
构建更快的网站
|
<!-- <div class="title">Surely Form</div> -->
|
||||||
<br />
|
<div class="sub-title">
|
||||||
更快的构建网站
|
<strong>雪梨表单、为您定制</strong>
|
||||||
|
<br />
|
||||||
|
专属的调研,投票、NPS、报名等系统
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
<a style="display: inline-block" href="https://www.surely.cool/" target="_blank">
|
||||||
</a>
|
<div :class="cls">
|
||||||
|
<div class="logo">
|
||||||
|
<img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="desc">
|
||||||
|
<div class="title">Surely Table</div>
|
||||||
|
<div class="sub-title">
|
||||||
|
构建更快的网站
|
||||||
|
<br />
|
||||||
|
更快的构建网站
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</a-carousel>
|
||||||
|
</div>
|
||||||
<div class="placeholder" />
|
<div class="placeholder" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -34,23 +53,33 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.wrap {
|
.container {
|
||||||
display: flex;
|
|
||||||
background-color: #f4f8fa;
|
|
||||||
padding: 10px 30px;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
display: flex;
|
||||||
|
background-color: #f4f8fa;
|
||||||
|
padding: 8px 16px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
.logo {
|
||||||
|
width: 80px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
.placeholder {
|
.placeholder {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
.desc {
|
.desc {
|
||||||
margin-left: 20px;
|
margin-left: 16px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
|
font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
|
||||||
|
|
Loading…
Reference in New Issue