feat: ImagePreview on mobile

Author: likuner

src/components/image/image-preview.vue

@@ -20,7 +20,7 @@
                         @load="handleImageLoad"
                         @error="handleImageError"
                     />
-                    <Row v-if="toolbar && toolbar.length > 0" class-name="ivu-image-preview-operations" :gutter="12" @click.stop>
+                    <Row v-if="toolbar && toolbar.length > 0" class-name="ivu-image-preview-operations" :wrap="false" @click.stop>
                         <Col flex="1" v-if="toolbar.indexOf('zoomIn') > -1" :order="toolbar.indexOf('zoomIn') + 1">
                             <svg class="ivu-image-preview-operations-item" @click.stop="handleOperation('zoomIn')" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7197" width="200" height="200"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" p-id="7198" fill="#ffffff"></path><path d="M921 867L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z" p-id="7199" fill="#ffffff"></path></svg>
                         </Col>

src/styles/components/image-preview.less

@@ -57,6 +57,7 @@
         background: @image-preview-operations-background;
         transform: translate(-50%);
         &-item {
+            margin: 0 6px;
             padding: 4px 8px;
             width: 36px;
             height: 40px;