ZRAdmin-vue/src/views/index.vue
2022-05-05 18:39:22 +08:00

210 lines
6.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="app-container home">
<el-row :gutter="20">
<el-col :sm="24" :lg="8">
<blockquote class="text-warning" style="font-size: 14px">
领取七牛云通用云产品优惠券
<br />
<el-link href="https://s.qiniu.com/FzEfay" type="primary" target="_blank"> https://s.qiniu.com/FzEfay </el-link>
<br />
领取腾讯云通用云产品新用户专属大礼包2860优惠券每种代金券限量500张先到先得
<br />
<el-link href="https://curl.qcloud.com/5J4nag8D" type="primary" target="_blank"> https://curl.qcloud.com/5J4nag8D </el-link>
<br />
腾讯云限时秒杀活动<br />
<el-link href="https://curl.qcloud.com/4yEoRquq" type="primary" target="_blank"> https://curl.qcloud.com/4yEoRquq </el-link>
<br />
华为特惠专区多款产品限时特价
<el-link
href="https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=a53709d1-149d-49f4-9b89-bf62bd96ef65&utm_source=aGlkX3N0dnZkMWNxejBnOTJ5OA===&utm_medium=cps&utm_campaign=201905"
type="primary"
target="_blank"
>
点我进入
</el-link>
<h4 class="text-danger">云产品通用红包可叠加官网常规优惠使用(仅限新用户)</h4>
</blockquote>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :lg="16" :sm="24">
<h2>ZRAdmin.NET后台管理框架</h2>
<p>
ZRAdmin.NET借鉴了很多开源项目的优点让你开发Web管理系统更简单所以我也把它给开源了前端
<code>vue页面</code>主要参考若依在此表示感谢.)
</p>
<p>代码完全免费开源易读易懂界面简洁美观给你的项目多一种选择与参考</p>
<p>
<b>{{ $t('layout.currentVersion') }}:</b> <span>v{{ version }}</span>
<el-link class="ml10" type="primary" size="small" icon="Document" plain @click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=v' + version)"
>{{ $t('layout.changeLog') }}
</el-link>
</p>
<p>
<el-button type="primary" size="small" icon="Cloudy" plain @click="goTarget('https://gitee.com/izory/ZrAdminNetCore')">访问码云 </el-button>
<el-button type="primary" size="small" icon="Cloudy" plain @click="goTarget('https://github.com/izhaorui/ZrAdmin.NET')">Github </el-button>
</p>
<p></p>
<h3>{{ $t('layout.tip1') }}</h3>
</el-col>
<el-col :lg="8" :sm="24">
<h2>技术选型</h2>
<el-col :span="10">
<h4>后端技术</h4>
<ul>
<li>NET6</li>
<li>JWT</li>
<li>SqlSugar</li>
<li>Quartz.Net</li>
<li>MySql</li>
<li>Mapster</li>
<li>Epplus</li>
<li>Redis</li>
<li>Signalr</li>
<li>...</li>
</ul>
</el-col>
<el-col :span="10">
<h4>前端技术</h4>
<ul>
<li>Vue3</li>
<li>Vuex</li>
<li>Element plus</li>
<li>Axios</li>
<li>Sass</li>
<li>Wangeditor</li>
<li>Vite</li>
<li>Composition api</li>
<li>I18n</li>
<li>...</li>
</ul>
</el-col>
</el-col>
</el-row>
<el-divider />
<el-row :gutter="20" class="mt10">
<el-col :sm="24" :lg="8">
<el-card>
<div class="clearfix">
<span>{{ $t('layout.donationSupport') }}</span>
</div>
<div class="body">
<div style="color: red">打赏作者喝杯咖啡表示鼓励</div>
<img src="@/assets/images/reward.jpg" alt="donate" style="width: 100%" />
</div>
</el-card>
</el-col>
<el-col :sm="24" :lg="8">
<el-card>
<div class="clearfix">
<span>{{ $t('layout.contactUs') }}</span>
</div>
<div class="body">
<p>
<el-icon> <promotion /> </el-icon>{{ $t('layout.officialWebsite') }}
<el-link href="http://www.izhaorui.cn/doc" target="_blank"> http://www.izhaorui.cn/doc </el-link>
</p>
</div>
<div class="body">
<p>
<el-icon> <UserFilled /> </el-icon>QQ群
<el-link
target="_black"
href="https://qm.qq.com/cgi-bin/qm/qr?k=Y__-fTGo_K2UIo3nWz7QnvS8LoRfPWKm&authKey=/ldXxiuolv80PF4yC8VtLk/TvAYbIhm2LKP8YVHCxAk+x2I+iqPAM1H/IsxQ+0gC&noverify=0"
>
191349103
</el-link>
</p>
</div>
</el-card>
</el-col>
<el-col :span="10">
<!-- <el-card>
<div slot="header" class="clearfix">
<span></span>
</div>
</el-card> -->
</el-col>
</el-row>
<el-divider />
</div>
</template>
<script setup name="index">
import defaultSettings from '@/settings'
const version = defaultSettings.version
function goTarget(url) {
window.open(url, '__blank')
}
</script>
<style scoped lang="scss">
.home {
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.col-item {
margin-bottom: 20px;
}
ul {
padding: 0;
margin: 0;
}
font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
ul {
list-style-type: none;
}
h4 {
margin-top: 0px;
}
h2 {
margin-top: 10px;
font-size: 26px;
font-weight: 100;
}
p {
margin-top: 10px;
b {
font-weight: 700;
}
}
.update-log {
ol {
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
}
}
</style>