test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 02:57:50 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

doc: update baner

Browse Source
This commit is contained in:
tangjinzhou 2023-03-20 13:36:49 +08:00
parent 3653f37d6b
commit 7d1418d9f4
1 changed files with 48 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
site/src/components/surelyVue.vue
View File

@ -1,19 +1,38 @@
<template>
<a href="https://www.surely.cool/" target="_blank">
<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 Vue</div>
<div class="sub-title">
构建更快的网站
<br />
更快的构建网站
<div class="container">
<a-carousel autoplay>
<a style="display: inline-block" href="https://form.antdv.com/" target="_blank">
<div :class="cls">
<div class="logo">
<img height="80" src="https://aliyuncdn.antdv.com/form/static/logo-blue.png" alt="" />
</div>
<div class="desc">
<!-- <div class="title">Surely Form</div> -->
<div class="sub-title">
<strong>雪梨表单、为您定制</strong>
<br />
专属的调研，投票、NPS、报名等系统
</div>
</div>
</div>
</div>
</div>
</a>
</a>
<a style="display: inline-block" href="https://www.surely.cool/" target="_blank">
<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>
</template>
<script lang="ts">
@ -34,25 +53,33 @@ export default defineComponent({
});
</script>
<style scoped>
.wrap {
display: flex;
background-color: #f4f8fa;
padding: 0px 30px;
box-sizing: border-box;
.container {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100px;
}
.wrap {
display: flex;
background-color: #f4f8fa;
padding: 8px 16px;
width: 100%;
height: 100px;
overflow: hidden;
}
.logo {
width: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.placeholder {
height: 100px;
height: 116px;
}
.desc {
margin-left: 20px;
margin-left: 16px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',