Browse Source

增加了cese的关于页面

LongjoeDyy 5 years ago
parent
commit
7143b3c9aa
2 changed files with 137 additions and 0 deletions
  1. 131 0
      src/pages/about_cses.vue
  2. 6 0
      src/router/index.js

+ 131 - 0
src/pages/about_cses.vue

@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <div class="about_topbar">
+      <div class="about_topbar_left">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="about_topbar_middle">
+        关于
+      </div>
+      <div class="about_topbar_right">
+
+      </div>
+    </div>
+
+    <div class="about_wrap">
+      <div class="about_logo">
+        <img src="../assets/app_about_pic_no_logo.png" class="about-img-responsive "></img>
+      </div>
+      <div style="font-size:18px;font-weight:bold;text-align: center;color:#666;margin:20px">CSES ERP 移动端 2019</div>
+      <div class="about_lianxi">
+        <div class="about_lianxi_title">销售咨询</div>
+        <div>联系人:李先生</div>
+        <div>电话:13691905622</div>
+      </div>
+      
+      <div class="about_lianxi" style="margin-top:25px">
+        <div class="about_lianxi_title">版权所有</div>
+        <div class="about_lianxi_dept">管理咨询及实施</div>
+        <div>深圳世绎文化科技有限公司(CSES)</div>
+
+        <div class="about_lianxi_dept">软件开发</div>
+        <div>佛山市顺德区龙嘉软件有限公司</div>
+        <div>www.longjoe.com</div>
+
+      </div>
+    </div>
+  </div>
+
+</template>
+<script>
+  export default {
+    name: "about"
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    background-color: #ffffff;
+    font-family: "微软雅黑";
+  }
+
+  .about_topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9999;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .about_topbar_left {
+    /* flex: 0 0 %; */
+    margin-left: 10px;
+  }
+
+  .about_topbar_middle {
+    text-align: center;
+    flex: 0 0 85%;
+  }
+
+  .about_topbar_right {
+    /* flex: 0 0 10%; */
+    position: absolute;
+    right: 10px;
+  }
+
+  .about_wrap {
+    padding: 45px 0
+  }
+
+  .about_logo {
+    text-align: center;
+    /* margin: 10px */
+  }
+
+  .about-img-responsive {
+    display: inline-block;
+    height: auto;
+    max-width: 100%;
+  }
+
+  .about_liubai {
+    width: 100%;
+    height: 10px;
+    background-color: rgb(246, 246, 246);
+    margin: 15px 0;
+  }
+
+  .about_content {
+    font-size: 15px;
+    color: #636363;
+    padding: 10px 20px;
+  }
+
+  .about_lianxi{
+    font-size: 15px;
+    color: #636363;
+    padding:0 20px 10px 20px
+  }
+
+  .about_lianxi_title{
+    color:  #f5772f;
+    padding:0 0 10px 0;
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  .about_lianxi_dept{
+    font-size: 15px;
+    font-weight: bold;
+    padding: 10px 0 0 0 ;
+  }
+
+</style>

+ 6 - 0
src/router/index.js

@@ -9,6 +9,7 @@ import Setting from '@/pages/setting'
 import Daily from '@/pages/daily'
 import Pushlist from '@/pages/pushlist'
 import About from '@/pages/about'
+import AboutCses from '@/pages/about_cses'
 import CsesSptTodo from '@/pages/cses_spt/todo'
 import CsesSptDetail from '@/pages/cses_spt/cses_spt_detail'
 import CsesSptFeedback from '@/pages/cses_spt/cses_spt_feedback'
@@ -53,6 +54,11 @@ export default new Router({
       name: 'Home',
       component: Home
     },
+    {
+      path: '/aboutcses',
+      name: 'AboutCses',
+      component: AboutCses
+    },
     {
       path: '/taskedit',
       name: 'TaskEdit',