chore: add sponsors (#705)

* chore: add sponsors

* chore: update

* chore: update

* chore: update
This commit is contained in:
zazzaz 2020-11-27 13:41:53 +08:00 committed by GitHub
parent e4610e0feb
commit 6f0f3a3da4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 81 additions and 204 deletions

View File

@ -11,6 +11,28 @@ This project is still under heavy development. Feel free to join us and make you
[![Edit element-plus](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/element-plus-ncxnt?fontsize=14&hidenavigation=1&theme=dark)
<br/>
<p align="center">
<b>Special thanks to the generous sponsorship by:</b>
</p>
<br/>
<table align="center" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" valign="middle">
<a href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
<img width="150px" src="https://user-images.githubusercontent.com/10731096/100414179-11741980-30b4-11eb-9ee3-4d0a30d4e21d.png">
</a>
</td>
<td align="center" valign="middle">
<a href="https://bit.dev/?from=element-ui" target="_blank">
<img width="150px" src="https://user-images.githubusercontent.com/10095631/41342907-e44e7196-6f2f-11e8-92f2-47702dc8f059.png">
</a>
</td>
</tr>
</tbody>
</table>
---
Join our [Discord](https://discord.link/ElementPlus) to start communicating with everybody.

View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="35px" height="22px" viewBox="0 0 35 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>logo_bit</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.0290824%" id="linearGradient-1">
<stop stop-color="#73398D" offset="0%"></stop>
<stop stop-color="#594A95" offset="100%"></stop>
</linearGradient>
<path d="M26.6196361,18.2069476 C26.6196361,22.6670388 23.9329675,25.5386044 19.1154927,25.5386044 C17.3861428,25.5386044 15.7803179,25.2025701 14.545068,24.499953 C13.1245306,23.7056902 13.1245306,22.6975874 13.1245306,21.658936 L13.1245306,6.23190824 C13.1245306,5.13215973 13.803918,4.58228547 15.1935742,4.58228547 C16.5832304,4.58228547 17.2626178,5.13215973 17.2626178,6.23190824 L17.2626178,12.0972336 C18.034649,11.577908 19.0537302,11.3335194 20.2272177,11.3335194 C23.99473,11.3335194 26.6196361,13.8079536 26.6196361,18.2069476 Z M17.2626178,21.7811303 C17.7875991,22.086616 18.4361053,22.2393588 19.146374,22.2393588 C21.1536551,22.2393588 22.3889051,20.8952218 22.3889051,18.4818847 C22.3889051,16.0379992 21.1227739,14.6327649 19.2081365,14.6327649 C18.4669865,14.6327649 17.7875991,14.8466049 17.2626178,15.2437363 L17.2626178,21.7811303 Z M33.9693732,7.30110818 C33.9693732,8.7063424 32.950292,9.68389663 31.5297546,9.68389663 C30.1092172,9.68389663 29.090136,8.7063424 29.090136,7.30110818 C29.090136,5.89587397 30.1092172,4.94886831 31.5297546,4.94886831 C32.950292,4.94886831 33.9693732,5.89587397 33.9693732,7.30110818 Z M33.5987982,12.9831422 L33.5987982,23.8278845 C33.5987982,24.927633 32.9194108,25.4775072 31.5297546,25.4775072 C30.1400984,25.4775072 29.4607109,24.927633 29.4607109,23.8278845 L29.4607109,12.9831422 C29.4607109,11.8833937 30.1400984,11.3335194 31.5297546,11.3335194 C32.9194108,11.3335194 33.5987982,11.8833937 33.5987982,12.9831422 Z M45.7351288,21.8116788 C46.877735,21.8116788 47.2174287,23.0030731 47.2174287,23.6751416 C47.2174287,24.1028216 47.0630225,24.5305016 46.4762788,24.8665358 C45.7968913,25.2636672 44.6234039,25.5386044 43.4190352,25.5386044 C41.1955853,25.5386044 39.8676916,24.6526958 39.1883042,23.430753 C38.5706792,22.3310045 38.5089167,21.017416 38.5089167,19.6121818 L38.5089167,15.0298963 L37.428073,15.0298963 C36.3163481,15.0298963 35.7604856,14.4800221 35.7604856,13.3191764 C35.7604856,12.1583308 36.3163481,11.6084565 37.428073,11.6084565 L38.5089167,11.6084565 L38.5089167,8.92018238 C38.5089167,7.82043387 39.1883042,7.27055961 40.5779604,7.27055961 C41.9676165,7.27055961 42.647004,7.82043387 42.647004,8.92018238 L42.647004,11.6084565 L45.2410289,11.6084565 C46.3527538,11.6084565 46.9086163,12.1583308 46.9086163,13.3191764 C46.9086163,14.4800221 46.3527538,15.0298963 45.2410289,15.0298963 L42.647004,15.0298963 L42.647004,19.6121818 C42.647004,20.1620561 42.647004,20.9563189 42.9249352,21.4756446 C43.141104,21.9033246 43.5425602,22.086616 44.0675414,22.086616 C44.4072351,22.086616 44.7469289,21.9949703 45.0248601,21.9338731 C45.2719101,21.872776 45.4880788,21.8116788 45.7351288,21.8116788 Z" id="path-2"></path>
</defs>
<g id="Design" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="States" transform="translate(-1161.000000, -260.000000)">
<g id="nav" transform="translate(768.000000, 224.000000)">
<g transform="translate(47.000000, 32.000000)" id="Logos-/-bit_logo-pressed">
<g transform="translate(333.000000, 0.000000)">
<g id="bit">
<use fill="#11222D" xlink:href="#path-2"></use>
<use fill="black" xlink:href="#path-2"></use>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -1,175 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 148.32 226.69">
<defs>
<style>
.cls-1 {
isolation: isolate;
}
.cls-2 {
fill: url(#radial-gradient);
}
.cls-3 {
fill: url(#linear-gradient);
}
.cls-4 {
fill: url(#linear-gradient-2);
}
.cls-5 {
fill: url(#linear-gradient-3);
}
.cls-6 {
fill: url(#linear-gradient-4);
}
.cls-7 {
fill: url(#linear-gradient-5);
}
.cls-8 {
fill: url(#linear-gradient-6);
}
.cls-9 {
opacity: 0.7;
}
.cls-11, .cls-9 {
mix-blend-mode: multiply;
}
.cls-10 {
fill: url(#linear-gradient-7);
}
.cls-12 {
fill: url(#linear-gradient-8);
}
.cls-13 {
fill: url(#linear-gradient-9);
}
.cls-14 {
fill: #3c2e36;
}
.cls-15 {
fill: url(#linear-gradient-10);
}
.cls-16 {
fill: url(#radial-gradient-2);
}
</style>
<radialGradient id="radial-gradient" cx="74.93" cy="117.87" r="86.39" gradientTransform="translate(0 22.72) scale(1 1.07)" gradientUnits="userSpaceOnUse">
<stop offset="0.32" stop-color="#e4dce1"/>
<stop offset="0.48" stop-color="#e1dadf"/>
<stop offset="0.59" stop-color="#d9d3da"/>
<stop offset="0.68" stop-color="#cac7d2"/>
<stop offset="0.76" stop-color="#b5b6c6"/>
<stop offset="0.79" stop-color="#aaadc0"/>
<stop offset="1" stop-color="#6f6f85"/>
</radialGradient>
<linearGradient id="linear-gradient" x1="38.85" y1="122.53" x2="108.18" y2="108.38" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e4dce1"/>
<stop offset="0.19" stop-color="#d7d0d7"/>
<stop offset="0.53" stop-color="#b5b2be"/>
<stop offset="0.97" stop-color="#808296"/>
</linearGradient>
<linearGradient id="linear-gradient-2" x1="32.25" y1="64.7" x2="148.44" y2="64.7" gradientUnits="userSpaceOnUse">
<stop offset="0.32" stop-color="#e4dce1"/>
<stop offset="0.49" stop-color="#e1dadf"/>
<stop offset="0.6" stop-color="#d9d3da"/>
<stop offset="0.69" stop-color="#cac7d2"/>
<stop offset="0.78" stop-color="#b5b6c6"/>
<stop offset="0.81" stop-color="#aaadc0"/>
<stop offset="1" stop-color="#6f6f85"/>
</linearGradient>
<linearGradient id="linear-gradient-3" x1="139.11" y1="68.34" x2="139.11" y2="1.17" gradientUnits="userSpaceOnUse">
<stop offset="0.12" stop-color="#888aa0"/>
<stop offset="0.54" stop-color="#716f8a"/>
<stop offset="0.89" stop-color="#635d7c"/>
</linearGradient>
<linearGradient id="linear-gradient-4" x1="111.94" y1="16.05" x2="135.36" y2="16.05" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3c314b"/>
<stop offset="0.54" stop-color="#534a67"/>
<stop offset="0.89" stop-color="#635d7c"/>
</linearGradient>
<linearGradient id="linear-gradient-5" x1="6752.04" y1="68.34" x2="6752.04" y2="-3.45" gradientTransform="matrix(-1, 0, 0, 1, 6787.68, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0.19" stop-color="#e4dce1"/>
<stop offset="0.42" stop-color="#c2bac6"/>
<stop offset="0.92" stop-color="#6b6582"/>
<stop offset="0.97" stop-color="#635d7c"/>
</linearGradient>
<linearGradient id="linear-gradient-6" x1="39.39" y1="16.05" x2="62.82" y2="16.05" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#3c314b"/>
<stop offset="0.02" stop-color="#3d324c"/>
<stop offset="0.35" stop-color="#524a66"/>
<stop offset="0.65" stop-color="#5f5876"/>
<stop offset="0.89" stop-color="#635d7c"/>
</linearGradient>
<linearGradient id="linear-gradient-7" x1="79.66" y1="229.05" x2="79.66" y2="194.82" gradientUnits="userSpaceOnUse">
<stop offset="0.03" stop-color="#808296"/>
<stop offset="0.31" stop-color="#b7b8c3" stop-opacity="0.78"/>
<stop offset="0.79" stop-color="#fff" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="linear-gradient-8" x1="87.38" y1="117.84" x2="87.38" y2="41.77" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#e3dddf" stop-opacity="0"/>
<stop offset="0.04" stop-color="#cbc5cd" stop-opacity="0.12"/>
<stop offset="0.15" stop-color="#9d97a9" stop-opacity="0.37"/>
<stop offset="0.25" stop-color="#7b758f" stop-opacity="0.54"/>
<stop offset="0.35" stop-color="#67617f" stop-opacity="0.65"/>
<stop offset="0.45" stop-color="#605a7a" stop-opacity="0.68"/>
<stop offset="0.54" stop-color="#575070" stop-opacity="0.75"/>
<stop offset="1" stop-color="#382e4a"/>
</linearGradient>
<linearGradient id="linear-gradient-9" x1="11357.22" y1="78.8" x2="11361.46" y2="58.49" gradientTransform="matrix(-1, 0, 0, 1, 11419.34, 0)" gradientUnits="userSpaceOnUse">
<stop offset="0.07" stop-color="#28ffff"/>
<stop offset="0.41" stop-color="#51d2ff"/>
<stop offset="0.8" stop-color="#7ba3ff"/>
<stop offset="1" stop-color="#8b91ff"/>
</linearGradient>
<linearGradient id="linear-gradient-10" x1="113" y1="78.8" x2="117.24" y2="58.49" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#linear-gradient-9"/>
<radialGradient id="radial-gradient-2" cx="36.09" cy="124.71" r="36.13" gradientUnits="userSpaceOnUse">
<stop offset="0.11" stop-color="#635d7c"/>
<stop offset="0.35" stop-color="#5f5876"/>
<stop offset="0.65" stop-color="#524a66"/>
<stop offset="0.98" stop-color="#3d324c"/>
<stop offset="1" stop-color="#3c314b"/>
</radialGradient>
</defs>
<title>Asset 3</title>
<g class="cls-1">
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-2" d="M138.13,128.27c-4.7-9.78-11.29-21.28-9.75-33.55a15.83,15.83,0,0,1,3.26-8.26A65.12,65.12,0,0,1,114.75,99a64.1,64.1,0,0,1-6.11,2.76,66.61,66.61,0,0,0-14.35,9.42c-13.43,11.7-26.21,44.39-48.51,50.6h0a23.9,23.9,0,0,1-9.81,2c-9.41-.07-20.4-6.21-26.26-15.43C1,134.68,3.58,115.85,9.49,103.81c-.18.37-.37.74-.55,1.13a102.51,102.51,0,0,0-4.2,10.42v0A86.37,86.37,0,0,0,0,143.69c0,45.84,35.49,83,79.27,83,11.19,0,29-3.38,43.66-13.61a57.75,57.75,0,0,0,22.57-32C151.54,158.58,144.94,142.45,138.13,128.27Z"/>
<path class="cls-3" d="M51.46,158.37a27,27,0,0,1-5.67,3.38h0c22.3-6.21,35.07-38.9,48.51-50.6a66.61,66.61,0,0,1,14.35-9.42,58.67,58.67,0,0,1-21.26,4.09c-19.75,0-37.75-10.49-48.31-24,1,1.39,13,15.46,22.29,43.72A30,30,0,0,1,51.46,158.37Z"/>
<path class="cls-4" d="M145.33,59.56c-2.08,22.29-28.26,46.26-58,46.26-29.95,0-55.88-24.12-58-46.26-1.45-15.6,7.34-36,58-36S146.78,44,145.33,59.56Z"/>
<path class="cls-5" d="M135.36,0h0a51.59,51.59,0,0,0-4.68,32.1A37.21,37.21,0,0,1,134,34.24c10,7.23,12.12,17,11.34,25.32a35.2,35.2,0,0,1-1.6,7.61A73.45,73.45,0,0,0,142.08,12,71.18,71.18,0,0,0,135.36,0Z"/>
<path class="cls-6" d="M130.68,32.1A51.59,51.59,0,0,1,135.36,0h0a57.92,57.92,0,0,0-9.41,6.87,59.8,59.8,0,0,0-14,18.75q3.35.64,6.29,1.45A53.09,53.09,0,0,1,130.68,32.1Z"/>
<path class="cls-7" d="M39.39,0h0a51.59,51.59,0,0,1,4.68,32.1,37.21,37.21,0,0,0-3.31,2.14c-10,7.23-12.12,17-11.34,25.32A35.2,35.2,0,0,0,31,67.17,73.45,73.45,0,0,1,32.67,12,71.18,71.18,0,0,1,39.39,0Z"/>
<path class="cls-8" d="M48.81,6.87A57.92,57.92,0,0,0,39.39,0h0a51.59,51.59,0,0,1,4.68,32.1,53.09,53.09,0,0,1,12.45-5q2.94-.82,6.29-1.45A59.8,59.8,0,0,0,48.81,6.87Z"/>
<g class="cls-9">
<path class="cls-10" d="M84.24,182.6c-26.08,0-49.56,5.42-66,14.08,14.54,18.33,36.47,30,61,30,11.19,0,29-3.38,43.66-13.61A58.81,58.81,0,0,0,141,192.47C125.56,186.3,105.79,182.6,84.24,182.6Z"/>
</g>
<g>
<g class="cls-11">
<path class="cls-12" d="M138.51,52.94c-.56-2.94-2-5.19-5-5.88-7.88-1.85-27,9.84-37.8,15.34-4,2.06-6.16,3.05-8.34,3s-4.31-.94-8.34-3c-10.77-5.5-29.92-17.18-37.8-15.34-3,.7-4.44,2.94-5,5.88-1,5.16.35,18,9.89,27.49,7.14,7.11,16.68,10.46,24.69,12.71l.18.08a4.2,4.2,0,0,0-.09.88c0,3.28,3.83,5.94,8.56,5.94,2.34,0,6.35-.65,7.9-1.71h0c1.55,1.06,5.56,1.71,7.9,1.71,4.73,0,8.56-2.66,8.56-5.94a4.2,4.2,0,0,0-.09-.88l.18-.08c8-2.25,17.56-5.6,24.69-12.71C138.16,70.92,139.49,58.1,138.51,52.94Z"/>
</g>
<path class="cls-13" d="M75.26,75.35C64.56,86.85,47.81,77.09,45,63.28c-1.83-9.07,3.63-7.73,8.71-5.67C60.14,60.2,68.84,66.27,75.26,75.35Z"/>
<path class="cls-14" d="M60.43,68.26a15.16,15.16,0,0,1-2.19,8,15.56,15.56,0,0,1,0-15.92A15.16,15.16,0,0,1,60.43,68.26Z"/>
<path d="M87.36,86.64a8.15,8.15,0,0,0-6.27,2.49c8.25,5.17,4.31,5.17,12.55,0A8.15,8.15,0,0,0,87.36,86.64Z"/>
<path class="cls-15" d="M99.86,75.35c10.69,11.5,27.45,1.74,30.23-12.07,1.83-9.07-3.63-7.73-8.71-5.67C115,60.2,106.28,66.27,99.86,75.35Z"/>
<path class="cls-14" d="M114.69,68.26a15.16,15.16,0,0,0,2.19,8,15.56,15.56,0,0,0,0-15.92A15.16,15.16,0,0,0,114.69,68.26Z"/>
</g>
<path class="cls-16" d="M9.71,148.35c5.86,9.22,16.85,15.37,26.26,15.43a23.7,23.7,0,0,0,8.21-1.41l0,0c-15,4.18-19.32-25.16-10.92-43.06v0c1.09-3.38,2.35-6.34,3.42-8.83.37-.86,2.53-5.15,2.09-9.8-.84-9-14-17.33-24-5.37A44.52,44.52,0,0,0,9.39,104C3.55,116.06,1.08,134.76,9.71,148.35Z"/>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 9.2 KiB

View File

@ -6,21 +6,21 @@
@mouseenter="isFade = false"
>
<ul>
<!-- <li class="nav-item sponsors">
<li class="nav-item sponsors">
<a>{{ lang === 'zh-CN' ? '赞助商' : 'Sponsors' }}</a>
<ul class="pure-menu-list sub-nav">
<li v-show="lang !== 'zh-CN'" class="nav-item">
<a href="https://tipe.io/?ref=element" target="_blank">
<img src="~examples/assets/images/tipe.svg" alt="tipe.io">
</a>
</li>
<li class="nav-item">
<a class="sponsor" href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
<img src="~examples/assets/images/duohui.svg" alt="duohui">
</a>
</li>
<li class="nav-item">
<a class="sponsor" href="https://bit.dev/?from=element-ui" target="_blank">
<img src="~examples/assets/images/bit.svg" alt="bit">
</a>
</li>
</ul>
</li> -->
</li>
<li
v-for="(item, keyy) in data"
:key="keyy"
@ -262,16 +262,12 @@ export default {
height: auto;
display: inline-block;
vertical-align: middle;
margin: 8px 12px 12px 0;
margin: 8px 20px 4px 0;
img {
width: 42px;
width: 36px;
}
}
&:first-child a img {
width: 36px;
}
}
}
}

View File

@ -17,27 +17,26 @@
<img src="~examples/assets/images/theme-index-red.png" alt="">
</div>
</div>
<!-- <div class="sponsors">
<div class="sponsors">
<a class="sponsor" href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
<img width="45" src="~examples/assets/images/duohui.svg" alt="duohui">
<div>
<p>{{ sponsorLabel }} <span class="name">多会</span></p>
<p>活动服务销售平台</p>
</div>
</a>
<a
v-show="lang !== 'zh-CN'"
class="sponsor"
href="#"
href="https://bit.dev/?from=element-ui"
target="_blank"
>
<img width="35px" src="~examples/assets/images/xx.svg" alt="xx">
<img width="45" src="~examples/assets/images/bit.svg" alt="bit">
<div>
<p>Sponsored by xx</p>
<p>xx</p>
<p>{{ sponsorLabel }} <span class="name">bit</span></p>
<p>Share Code</p>
</div>
</a>
<a class="sponsor" href="#" target="_blank">
<img width="45px" src="~examples/assets/images/xx.svg" alt="xx">
<div>
<p>Sponsored by xx</p>
<p>xx</p>
</div>
</a>
</div> -->
</div>
<div class="cards">
<ul class="container">
<li>
@ -98,6 +97,9 @@ export default {
}
},
computed: {
sponsorLabel() {
return this.lang === 'zh-CN' ? '赞助商' : 'Sponsored by'
},
langConfig() {
return pageLang.filter(config => config.lang === this.lang)[0].pages.index
},
@ -131,7 +133,7 @@ export default {
text-align: center;
}
.banner-desc {
padding-top: 20px;
padding-top: 30px;
h1 {
font-size: 34px;
@ -144,7 +146,7 @@ export default {
font-size: 18px;
line-height: 28px;
color: #888;
margin: 10px 0 5px;
margin: 20px 0 5px;
}
}
.sponsors {
@ -158,6 +160,11 @@ export default {
height: 100px;
justify-content: center;
.name {
font-weight: bold;
color: #666;
}
img {
margin-right: 20px;
}