新增演示模式配置

.env.production

@@ -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'

index.html

@@ -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,

package.json

@@ -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",

src/views/index.vue

@@ -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>