diff --git a/src/core/view/components/image/index.vue b/src/core/view/components/image/index.vue
index 6c4a73cc693..aeb0aa3a30b 100644
--- a/src/core/view/components/image/index.vue
+++ b/src/core/view/components/image/index.vue
@@ -10,7 +10,7 @@
       @resize="_resize" />
   </uni-image>
 </template>
-<script>
+<script>
 export default {
   name: 'Image',
   props: {
@@ -122,18 +122,18 @@ export default {
     },
     _fixSize () {
       const elWidth = this._getWidth()
-      if (elWidth) {
-        let height = elWidth / this.ratio
-        // fix: 解决 Chrome 浏览器上某些情况下导致 1px 缝隙的问题
-        if (typeof navigator && navigator.vendor === 'Google Inc.' && height > 10) {
-          height = Math.round(height / 2) * 2
+      if (elWidth) {
+        let height = elWidth / this.ratio
+        // fix: 解决 Chrome 浏览器上某些情况下导致 1px 缝隙的问题
+        if (typeof navigator && navigator.vendor === 'Google Inc.' && height > 10) {
+          height = Math.round(height / 2) * 2
         }
         this.$el.style.height = height + 'px'
         this.sizeFixed = true
       }
     },
     _loadImage () {
-      this.$refs.content.style.backgroundImage = this.src ? `url(${this.realImagePath})` : 'none'
+      this.$refs.content.style.backgroundImage = this.src ? `url("${this.realImagePath}")` : 'none'
 
       const _self = this
       const img = new Image()