docs: add qq number & form

pull/6934/head
tangjinzhou 2023-03-15 12:26:21 +08:00
parent dac22759db
commit 2afccac35e
2 changed files with 87 additions and 39 deletions

View File

@ -92,20 +92,20 @@ export default {
{isCN && this.showTopBanner && ( {isCN && this.showTopBanner && (
<div class="global-notification"> <div class="global-notification">
<span> <span>
v3 版本已发布访问 &nbsp;&nbsp; Surely Form 私有化部署专属的调研投票NPS报名等系统访问 &nbsp;&nbsp;
<a href="https://next.antdv.com/" target="_blank"> <a href="https://form.antdv.com/" target="_blank">
next.antdv.com form.antdv.com
</a> </a>
&nbsp;&nbsp;查看更多详情 &nbsp;&nbsp;立即体验
</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 &nbsp; v3 beta is out! Discover more about it on &nbsp;
@ -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>

View File

@ -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',