瀏覽代碼

静态页面

1002884655 4 年之前
父節點
當前提交
cfded24d13
共有 4 個檔案被更改,包括 23 行新增5 行删除
  1. 2
    2
      src/pages/WoDe/ShouYe/page.scss
  2. 12
    3
      src/pages/WoDe/XiaZaiErWeiMa/index.vue
  3. 5
    0
      src/store/user/index.js
  4. 4
    0
      src/util/Api.js

+ 2
- 2
src/pages/WoDe/ShouYe/page.scss 查看文件

80
             > span {
80
             > span {
81
               font-size: 0.12rem;
81
               font-size: 0.12rem;
82
               color: #fff;
82
               color: #fff;
83
-              line-height: 0.2rem;
83
+              line-height: 0.3rem;
84
             }
84
             }
85
             > em {
85
             > em {
86
               font-size: 0.12rem;
86
               font-size: 0.12rem;
87
               color: #fff;
87
               color: #fff;
88
-              line-height: 0.2rem;
88
+              line-height: 0.3rem;
89
               font-weight: bold;
89
               font-weight: bold;
90
               margin-left: 0.05rem;
90
               margin-left: 0.05rem;
91
             }
91
             }

+ 12
- 3
src/pages/WoDe/XiaZaiErWeiMa/index.vue 查看文件

25
 import QRCode from 'qrcode'
25
 import QRCode from 'qrcode'
26
 import MainPageContainer from '../../../components/common/MainPageContainer'
26
 import MainPageContainer from '../../../components/common/MainPageContainer'
27
 import { createNamespacedHelpers } from 'vuex'
27
 import { createNamespacedHelpers } from 'vuex'
28
-const { mapState: mapUserState } = createNamespacedHelpers('user')
28
+const { mapState: mapUserState, mapActions: mapUserActions } = createNamespacedHelpers('user')
29
 export default {
29
 export default {
30
   name: '',
30
   name: '',
31
   data () {
31
   data () {
55
     })
55
     })
56
   },
56
   },
57
   methods: {
57
   methods: {
58
+    ...mapUserActions([
59
+      'UploadBase64Img'
60
+    ]),
58
     GetBase64Image (img) {
61
     GetBase64Image (img) {
59
       let canvas = document.createElement('canvas')
62
       let canvas = document.createElement('canvas')
60
       canvas.width = img.width
63
       canvas.width = img.width
67
       return dataURL
70
       return dataURL
68
     },
71
     },
69
     SaveImg () {
72
     SaveImg () {
70
-      if (this.$refs.CanvasImgDownload) {
71
-        this.$refs.CanvasImgDownload.click()
73
+      if (window.downloadImage) {
74
+        this.UploadBase64Img({ data: { image: this.Base64Img } }).then((res) => {
75
+          window.downloadImage(res.data.data)
76
+        })
77
+      } else {
78
+        if (this.$refs.CanvasImgDownload) {
79
+          this.$refs.CanvasImgDownload.click()
80
+        }
72
       }
81
       }
73
     },
82
     },
74
     Init () {
83
     Init () {

+ 5
- 0
src/store/user/index.js 查看文件

82
     }
82
     }
83
   },
83
   },
84
   actions: {
84
   actions: {
85
+    UploadBase64Img (context, payload) { // 上传base64图片
86
+      return new Promise((resolve, reject) => {
87
+        ToolClass.Axios(resolve, reject, Api.UploadBase64Img, context, payload, 1000)
88
+      })
89
+    },
85
     NewBindAliPay (context, payload) { // 绑定支付宝(新)
90
     NewBindAliPay (context, payload) { // 绑定支付宝(新)
86
       return new Promise((resolve, reject) => {
91
       return new Promise((resolve, reject) => {
87
         ToolClass.Axios(resolve, reject, Api.NewBindAliPay, context, payload, 1000)
92
         ToolClass.Axios(resolve, reject, Api.NewBindAliPay, context, payload, 1000)

+ 4
- 0
src/util/Api.js 查看文件

2
 const prefix = '/api'
2
 const prefix = '/api'
3
 
3
 
4
 const $api = {
4
 const $api = {
5
+  UploadBase64Img: { // 上传base64图片
6
+    method: 'post',
7
+    url: `${prefix}/shop/base64`
8
+  },
5
   NewBindAliPay: { // 绑定支付宝(新)
9
   NewBindAliPay: { // 绑定支付宝(新)
6
     method: 'post',
10
     method: 'post',
7
     url: `${prefix}/shop/:id/ali-pay`
11
     url: `${prefix}/shop/:id/ali-pay`