Home Explore Help
Register Sign In
zhangs
/
h5maker
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

修改logo和图片压缩

郑国榕 8 years ago
parent
1dd0200409
commit
1dd5a78a9c
14 changed files with 73 additions and 13 deletions
Unified View Show Diff Stats
  1. 0 0
      README.md
  2. BIN
      webapp/.DS_Store
  3. 1 1
      webapp/index.html
  4. BIN
      webapp/src/assets/images/default.png
  5. BIN
      webapp/src/assets/images/logo.jpg
  6. BIN
      webapp/src/assets/images/pay.jpeg
  7. 4 0
      webapp/src/components/HeaderBar.vue
  8. 8 5
      webapp/src/components/PicturePicker.vue
  9. 2 2
      webapp/src/model/Theme.js
  10. 4 0
      webapp/src/routers.js
  11. 1 1
      webapp/src/util/appConst.js
  12. 2 2
      webapp/src/views/h5editor/index.vue
  13. 2 2
      webapp/src/views/spaeditor/index.vue
  14. 49 0
      webapp/src/views/user/about.vue

+ 0 - 0
README.md
View File


BIN
webapp/.DS_Store
View File


+ 1 - 1
webapp/index.html
View File 

@@ -2,7 +2,7 @@
 
 <html>
 
 <html>
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
-    <title>蓝月亮前端组</title>
 
+    <title>lime software</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="app"></div>
 
     <div id="app"></div>

BIN
webapp/src/assets/images/default.png
View File


BIN
webapp/src/assets/images/logo.jpg
View File


BIN
webapp/src/assets/images/pay.jpeg
View File


+ 4 - 0
webapp/src/components/HeaderBar.vue
View File 

@@ -30,6 +30,10 @@ export default {
 
         path: 'spaList',
 
         path: 'spaList',
 
         name: '单页作品',
 
         name: '单页作品',
 
         active: false
 
         active: false
 
+      }, {
 
+        path: 'about',
 
+        name: '关于作者',
 
+        active: false
 
       }
 
       }
 
       ]
 
       ]
 
     }
 
     }

+ 8 - 5
webapp/src/components/PicturePicker.vue
View File 

@@ -18,15 +18,17 @@
 
 </style>
 
 </style>
 
 
 
 <script>
 
 <script>
 
+  import lrz from 'lrz'
 
   export default {
 
   export default {
 
     methods: {
 
     methods: {
 
       fileChange (event) {
 
       fileChange (event) {
 
         let file = event.target.files[0]
 
         let file = event.target.files[0]
 
         if (file) {
 
         if (file) {
 
-          let reader = new window.FileReader()
 
-          reader.onload = (ev) => {
 
+          lrz(file, {quality: 0.5}).then(result => {
 
+            // let reader = new window.FileReader()
 
+            // reader.onload = (ev) => {
 
             let img = document.createElement('img')
 
             let img = document.createElement('img')
 
-            let base64 = ev.target.result
 
+            let base64 = result.base64
 
             img.onload = () => {
 
             img.onload = () => {
 
               this.$emit('uploaded', {
 
               this.$emit('uploaded', {
 
                 'base64': base64,
 
                 'base64': base64,
 
@@ -35,8 +37,9 @@
 
               })
 
               })
 
             }
 
             }
 
             img.src = base64
 
             img.src = base64
 
-          }
 
-          reader.readAsDataURL(file)
 
+            // }
 
+            // reader.readAsDataURL(file)
 
+          })
 
         }
 
         }
 
       }
 
       }
 
     }
 
     }

+ 2 - 2
webapp/src/model/Theme.js
View File 

@@ -3,8 +3,8 @@
 
  */
 
  */
 
 export default class Theme {
 
 export default class Theme {
 
   constructor (theme = {}) {
 
   constructor (theme = {}) {
 
-    this.title = theme.title || '蓝月亮'
 
-    this.description = theme.description || '蓝月亮'
 
+    this.title = theme.title || '标题'
 
+    this.description = theme.description || '描述'
 
     this.pages = theme.pages || []
 
     this.pages = theme.pages || []
 
     this.type = theme.type || 'h5'
 
     this.type = theme.type || 'h5'
 
     this.canvasHeight = theme.canvasHeight || 504
 
     this.canvasHeight = theme.canvasHeight || 504

+ 4 - 0
webapp/src/routers.js
View File 

@@ -29,4 +29,8 @@ export default [{
 
   path: '/spaList',
 
   path: '/spaList',
 
   name: 'spaList',
 
   name: 'spaList',
 
   component: require('./views/spaeditor/themeList.vue')
 
   component: require('./views/spaeditor/themeList.vue')
 
+}, {
 
+  path: '/about',
 
+  name: 'about',
 
+  component: require('./views/user/about.vue')
 
 }]
 
 }]

+ 1 - 1
webapp/src/util/appConst.js
View File 

@@ -1,7 +1,7 @@
 
 
 
 let BACKEND_DOMAIN = 'http://localhost:3000'
 
 let BACKEND_DOMAIN = 'http://localhost:3000'
 
 if (process.env.NODE_ENV === 'production') {
 
 if (process.env.NODE_ENV === 'production') {
 
-  BACKEND_DOMAIN = '.'
 
+  BACKEND_DOMAIN = 'http://h5.limesoftware.cn'
 
 } else if (process.env.NODE_ENV === 'development') {
 
 } else if (process.env.NODE_ENV === 'development') {
 
   BACKEND_DOMAIN = 'http://localhost:3000'
 
   BACKEND_DOMAIN = 'http://localhost:3000'
 
 }
 
 }

+ 2 - 2
webapp/src/views/h5editor/index.vue
View File 

@@ -104,7 +104,7 @@
 
               <div v-if="panelTabState === 0">
 
               <div v-if="panelTabState === 0">
 
                 <!-- 文字编辑界面特有控件 -->
 
                 <!-- 文字编辑界面特有控件 -->
 
                 <template v-if="panelState === 11">
 
                 <template v-if="panelState === 11">
 
-                  <el-form-item label="链接">
 
+                  <el-form-item label="跳转链接">
 
                     <el-input v-model="element.href"></el-input>
 
                     <el-input v-model="element.href"></el-input>
 
                   </el-form-item>
 
                   </el-form-item>
 
                   <el-form-item label="文本内容">
 
                   <el-form-item label="文本内容">
 
@@ -132,7 +132,7 @@
 
                   </el-form-item>
 
                   </el-form-item>
 
                 </template>
 
                 </template>
 
                 <!-- 通用控件-->
 
                 <!-- 通用控件-->
 
-                <el-form-item label="链接">
 
+                <el-form-item label="跳转链接">
 
                   <el-input v-model="element.href"></el-input>
 
                   <el-input v-model="element.href"></el-input>
 
                 </el-form-item>
 
                 </el-form-item>
 
                 <el-form-item label="透明度">
 
                 <el-form-item label="透明度">

+ 2 - 2
webapp/src/views/spaeditor/index.vue
View File 

@@ -109,7 +109,7 @@
 
               <div v-if="panelTabState === 0">
 
               <div v-if="panelTabState === 0">
 
                 <!-- 文字编辑界面特有控件 -->
 
                 <!-- 文字编辑界面特有控件 -->
 
                 <template v-if="panelState === 11">
 
                 <template v-if="panelState === 11">
 
-                  <el-form-item label="链接">
 
+                  <el-form-item label="跳转链接">
 
                     <el-input v-model="element.href"></el-input>
 
                     <el-input v-model="element.href"></el-input>
 
                   </el-form-item>
 
                   </el-form-item>
 
                   <el-form-item label="文本内容">
 
                   <el-form-item label="文本内容">
 
@@ -137,7 +137,7 @@
 
                   </el-form-item>
 
                   </el-form-item>
 
                 </template>
 
                 </template>
 
                 <!-- 通用控件-->
 
                 <!-- 通用控件-->
 
-                <el-form-item label="链接">
 
+                <el-form-item label="跳转链接">
 
                   <el-input v-model="element.href"></el-input>
 
                   <el-input v-model="element.href"></el-input>
 
                 </el-form-item>
 
                 </el-form-item>
 
                 <el-form-item label="透明度">
 
                 <el-form-item label="透明度">

+ 49 - 0
webapp/src/views/user/about.vue
View File 

@@ -0,0 +1,49 @@
 
+<template>
 
+<div>
 
+  <HeaderBar />
 
+  <div class="container">
 
+    <div class="pay"><img src="../../assets/images/pay.jpeg" alt=""><div class="suppest">支持作者</div></div>
 
+    <p>作者github地址：https://github.com/zhengguorong</p>
 
+    <p>项目源码：https://github.com/zhengguorong/h5maker</p>
 
+    <p>声明：项目开源免费，可自行下载源码部署使用，也可以通过网站在线生成，但是因为网站资源有限，可能访问速度会比较慢。如果你需要帮助或者应用到企业内部，可联系我微信（18664694721）进行有偿指导。</p>
 
+  </div>
 
+</div>
 
+</template>
 
+
 
+<script>
 
+import HeaderBar from '../../components/HeaderBar'
 
+export default {
 
+  data () {
 
+    return {
 
+
 
+    }
 
+  },
 
+  components: {
 
+    HeaderBar
 
+  }
 
+}
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+  .container {
 
+    width: 700px;
 
+    margin: 0 auto;
 
+    padding-top:20px;
 
+    .pay {
 
+      margin: 0 auto;
 
+      width: 300px;
 
+      margin-bottom: 20px;
 
+      .suppest {
 
+        width: 100%;
 
+        text-align: center;
 
+      }
 
+      img {
 
+        width: 100%;
 
+      }
 
+    }
 
+    p {
 
+      line-height: 2;
 
+    }
 
+  }
 
+</style>
 
+