Merge branch 'develop' of https://gitee.com/layui-vue/layui-vue into develop
This commit is contained in:
sight
@@ -91,6 +91,11 @@ export default {
|
||||
title: '主题',
|
||||
subTitle: 'theme',
|
||||
path: '/zh-CN/guide/theme',
|
||||
},{
|
||||
id: 3,
|
||||
title: '夜间',
|
||||
subTitle: 'dark',
|
||||
path: '/zh-CN/guide/dark',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
|
||||
@@ -4,31 +4,35 @@
|
||||
<div class="site-banner-main">
|
||||
<div class="site-zfj site-zfj-anim">
|
||||
<img
|
||||
src="../assets/logo.jpg"
|
||||
src="../assets/logo-png.png"
|
||||
style="width: 220px; border-radius: 10px"
|
||||
/>
|
||||
</div>
|
||||
<div class="layui-anim site-desc site-desc-anim">
|
||||
<p class="web-font-desc">layui - vue</p>
|
||||
<cite
|
||||
>{{ t('home.description') }}</cite
|
||||
>
|
||||
<cite>{{ t("home.description") }}</cite>
|
||||
</div>
|
||||
<div class="site-download">
|
||||
<router-link class="layui-inline site-down" to="/zh-CN/guide"
|
||||
>Get Started</router-link
|
||||
>
|
||||
<router-link class="layui-inline site-down" to="/zh-CN/guide">
|
||||
Get Started
|
||||
</router-link>
|
||||
<a class="layui-inline site-down" href="javascript:void(0);" @click="changeTheme">
|
||||
|
||||
{{ isDark ? 'Turn Off' : 'Turn On'}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="site-version">
|
||||
<span>{{ t('home.version') }}：v<cite class="site-showv">{{ layuiVueVersion }}</cite></span>
|
||||
<span
|
||||
><router-link
|
||||
class="layui-inline site-down"
|
||||
to="/zh-CN/guide/changelog"
|
||||
>{{ t('home.changelog') }}</router-link
|
||||
>{{ t("home.version") }}：<cite class="site-showv"
|
||||
>1.0.0</cite
|
||||
></span
|
||||
>
|
||||
<span
|
||||
>{{ t("home.download") }}：<em class="site-showdowns"
|
||||
>5463</em
|
||||
></span
|
||||
>
|
||||
<span>{{ t('home.download') }}：<em class="site-showdowns">5463</em></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-banner-other">
|
||||
@@ -38,7 +42,7 @@
|
||||
rel="nofollow"
|
||||
class="site-star"
|
||||
>
|
||||
<i class="layui-icon"></i> Star <cite id="getStars">716</cite>
|
||||
<i class="layui-icon"></i> Star <cite id="getStars">741</cite>
|
||||
</a>
|
||||
<a
|
||||
href="https://gitee.com/layui-vue"
|
||||
@@ -58,7 +62,7 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-left: 10%; margin-right: 10%">
|
||||
<div style="margin-left: 10%; margin-right: 10%; margin-top: 40px">
|
||||
<div>
|
||||
<ul class="layui-row layui-col-space30 site-idea">
|
||||
<li class="layui-col-md8">
|
||||
@@ -98,48 +102,68 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer footer-index">
|
||||
<p>
|
||||
Copyright © 2022 <a href="/index.html">www.layui-vue.com</a> mit
|
||||
licence
|
||||
</p>
|
||||
<p></p>
|
||||
<p>Released under the <a href="/index.html">MIT License</a>.</p>
|
||||
<p>Copyright © 2021-2022 layui-vue.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { inject } from "vue";
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { inject, provide } from 'vue';
|
||||
import { useI18n } from "vue-i18n";
|
||||
export default {
|
||||
name: "index",
|
||||
setup() {
|
||||
const { t } = useI18n();
|
||||
const layuiVueVersion = inject('LayuiVueVersion')
|
||||
const isDark = inject("isDark");
|
||||
const theme = inject("theme");
|
||||
|
||||
const changeTheme = () => {
|
||||
isDark.value = !isDark.value;
|
||||
if(theme.value === 'dark') {
|
||||
theme.value = 'light';
|
||||
} else {
|
||||
theme.value = 'dark';
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
t,
|
||||
isDark,
|
||||
theme,
|
||||
changeTheme,
|
||||
layuiVueVersion
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
#app,
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
.site-container {
|
||||
background: #fff;
|
||||
margin-top: 60px;
|
||||
background-color: whitesmoke;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.site-banner {
|
||||
position: relative;
|
||||
height: 600px;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: #393d49;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #eee;
|
||||
background-image: url(../assets/background.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.site-banner-bg {
|
||||
background-position: center 0;
|
||||
}
|
||||
|
||||
.site-banner-bg,
|
||||
.site-banner-main {
|
||||
position: absolute;
|
||||
@@ -154,21 +178,29 @@ export default {
|
||||
}
|
||||
.site-download a {
|
||||
position: relative;
|
||||
padding: 0 50px 0 50px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
padding: 0 20px 0 20px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #c2c2c2;
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
font-size: 24px;
|
||||
color: #ccc;
|
||||
background: #f1f1f1;
|
||||
border: 1px solid #f1f1f1;
|
||||
font-size: 16px;
|
||||
color: #476582;
|
||||
font-weight: 500;
|
||||
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
transition: all 0.5s;
|
||||
-webkit-transition: all 0.5s;
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
.site-download a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 50px;
|
||||
color: #ccc;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.site-download a:first-child {
|
||||
background: #009688;
|
||||
color: white;
|
||||
}
|
||||
.site-download a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.site-zfj {
|
||||
padding-top: 25px;
|
||||
@@ -203,26 +235,30 @@ export default {
|
||||
}
|
||||
.site-desc .web-font-desc {
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 51px;
|
||||
color: #213547;
|
||||
font-size: 52px;
|
||||
opacity: 0.82;
|
||||
}
|
||||
.web-font-desc {
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-size: 76px;
|
||||
line-height: 1.25;
|
||||
font-weight: 900;
|
||||
letter-spacing: -1.5px;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.site-desc cite {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
color: #c2c2c2;
|
||||
color: rgba(255, 255, 255, 0.66);
|
||||
color: rgba(60, 60, 60, 0.7);
|
||||
font-style: normal;
|
||||
}
|
||||
.site-version {
|
||||
position: relative;
|
||||
margin-top: 18px;
|
||||
color: #ccc;
|
||||
color: rgba(60, 60, 60, 0.7);
|
||||
font-size: 12px;
|
||||
}
|
||||
.site-version span {
|
||||
@@ -232,18 +268,23 @@ export default {
|
||||
font-style: normal;
|
||||
}
|
||||
.site-version a {
|
||||
color: #e2e2e2;
|
||||
color: rgba(60, 60, 60, 0.7);
|
||||
text-decoration: none;
|
||||
margin-top: -4px;
|
||||
}
|
||||
.site-banner-other {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 35px;
|
||||
bottom: 90px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.site-container .layui-field-title {
|
||||
border-top: 1px solid #d2d2d2;
|
||||
}
|
||||
|
||||
.site-banner-other a {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@@ -252,10 +293,8 @@ export default {
|
||||
margin: 0 6px;
|
||||
padding: 0 8px;
|
||||
border-radius: 4px;
|
||||
color: #c2c2c2;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
border: 1px solid #c2c2c2;
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
color: rgba(60, 60, 60, 0.7);
|
||||
border: 1px solid rgba(60, 60, 60, 0.7);
|
||||
font-size: 14px;
|
||||
transition: all 0.5s;
|
||||
-webkit-transition: all 0.5s;
|
||||
@@ -265,7 +304,9 @@ export default {
|
||||
padding: 30px 15px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
color: rgba(60, 60, 60, 0.7);
|
||||
font-weight: 300;
|
||||
font-size: 13.6px;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="alone-banner layui-bg-black">
|
||||
<div class="alone-banner">
|
||||
<div class="layui-main">
|
||||
<h1>物 料 市 场</h1>
|
||||
<p class="layui-hide-xs">让 每 一 个 轮 子 产 生 价 值 ✨<a style="color:white;" href="https://gitee.com/layui-vue/layui-vue/issues/new?issue%5Bassignee_id%5D=0&issue%5Bmilestone_id%5D=0">【投递】</a></p>
|
||||
|
||||
Reference in New Issue
Block a user