新增演示模式配置

This commit is contained in:
不做码农 2022-07-10 17:41:34 +08:00
parent c56e99abf6
commit f25dfa234a
4 changed files with 95 additions and 3 deletions

View File

@ -6,7 +6,7 @@ ENV = 'production'
VITE_APP_BASE_API = '/prod-api'
# 路由前缀
VITE_APP_ROUTER_PREFIX = '/'
VITE_APP_ROUTER_PREFIX = '/vue3/'
# 默认上传地址
VITE_APP_UPLOAD_URL = '/Common/UploadFile'

View File

@ -9,6 +9,16 @@
<link rel="icon" href="/favicon.ico">
<title>ZRAdmin.NET管理系统</title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?64487bf810ea3c8cb4d45603737aeafa";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
html,
body,

View File

@ -8,7 +8,8 @@
"dev": "vite",
"build:prod": "vite build",
"build:stage": "vite build --mode staging",
"preview": "vite preview"
"preview": "vite preview",
"deploy": "node deploy"
},
"repository": {
"type": "git",

View File

@ -1,7 +1,7 @@
<template>
<div class="app-container home">
<el-row :gutter="20">
<el-col :sm="24" :lg="24">
<el-col :sm="24" :lg="16">
<blockquote class="text-warning" style="font-size: 14px">
阿里云特惠专区
<el-link href="https://www.aliyun.com/minisite/goods?userCode=uotn5vt1&share_source=copy_link" type="primary" target="_black">
@ -33,6 +33,13 @@
<h4 class="text-danger">云产品通用红包可叠加官网常规优惠使用(仅限新用户)</h4>
</blockquote>
</el-col>
<el-col :lg="8">
<el-carousel :interval="4000" height="220px">
<el-carousel-item v-for="item in promoteList" :key="item.id">
<img :src="item.imgUrl" :title="item.title" style="cursor: pointer; width: 100%" width="100%" @click="goTarget(item.link)" />
</el-carousel-item>
</el-carousel>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :lg="16" :sm="24">
@ -135,6 +142,19 @@
</el-card>
</el-col>
</el-row>
<el-dialog title="618爆款" v-model="open" :close-on-click-modal="false" :show-close="false">
<div class="promo" v-for="item in promoteList2" :key="item.id">
<h3>
<el-link type="success" target="_black" :href="item.link" v-html="item.content + '☛☛点我进入☚☚'"></el-link>
</h3>
<span v-html="item.tip"></span>
</div>
<template #footer>
<el-button type="primary" @click="goTarget('https://curl.qcloud.com/4yEoRquq')">主会场</el-button>
<el-button @click="open = false">没兴趣</el-button>
</template>
</el-dialog>
</div>
</template>
@ -145,6 +165,61 @@ const version = defaultSettings.version
function goTarget(url) {
window.open(url, '__blank')
}
const open = ref(true)
const promoteList2 = ref([
{
id: 1,
content: '<h3>【阿里云特惠专区】</h3>',
tip: '2核2G ¥426.00/年起,更多优惠券快来领取',
link: 'https://www.aliyun.com/minisite/goods?userCode=uotn5vt1&share_source=copy_link',
},
{
id: 2,
content: '领取<h3>【腾讯云通用云产品优惠券】</h3>',
tip: '新用户专属大礼包¥2860优惠券',
link: 'https://curl.qcloud.com/5J4nag8D',
},
{ id: 3, content: '【<h3>腾讯云</h3>限时秒杀活动】', tip: '2核2G4M 45元/年', link: 'https://curl.qcloud.com/4yEoRquq' },
{
id: 4,
content: '【华为特惠专区,多款产品限时特价】',
link: 'https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=a53709d1-149d-49f4-9b89-bf62bd96ef65&utm_source=aGlkX3N0dnZkMWNxejBnOTJ5OA===&utm_medium=cps&utm_campaign=201905',
},
{ id: 5, content: '【领取七牛云通用云产品优惠券】', link: 'https://s.qiniu.com/FzEfay' },
{ id: 6, content: '【Gitee 企业版优惠专区】', link: 'https://gitee.com/enterprises?invite_code=Z2l0ZWUtMTI1NzM1OQ%3D%3D' },
])
const promoteList = ref([
{
id: 1,
title: '【腾讯云】推广者专属福利新客户无门槛领取总价值高达2860元代金券每种代金券限量500张先到先得。',
imgUrl: 'http://www.izhaorui.cn/images/banner/新用户专享470x250.jpg',
link: 'https://curl.qcloud.com/5J4nag8D',
},
{
id: 2,
title: '',
imgUrl: 'http://www.izhaorui.cn/images/banner/banner3.jpg',
link: 'https://curl.qcloud.com/4yEoRquq',
},
{
id: 3,
title: '【腾讯云】买云服务器参与礼品兑换、抽奖最高送价值8000元IPad还有Bose耳机、千元京东卡等您来',
imgUrl: 'http://www.izhaorui.cn/images/banner/企业盛夏有礼-470x250.jpg',
link: 'https://curl.qcloud.com/CAX9v1Vn',
},
{
id: 4,
title: '【腾讯云】DNSPod解析套餐全面升配降价更高的套餐配置规格更优的价格方案全面提升可用性及响应率专业版限时99元/年!',
imgUrl: 'http://www.izhaorui.cn/images/banner/DNS470x250.jpg',
link: 'https://curl.qcloud.com/tJlixb8E',
},
{
id: 5,
title: '【腾讯云】中小企业福利专场多款刚需产品满足企业通用场景需求云服务器2.5折起',
imgUrl: 'http://www.izhaorui.cn/images/banner/企业福利470x250.jpg',
link: 'https://curl.qcloud.com/TnaLauo5',
},
])
</script>
<style scoped lang="scss">
@ -211,4 +286,10 @@ function goTarget(url) {
}
}
}
.promo {
h3 {
font-size: 25px;
display: inline;
}
}
</style>