修改编辑商品弹窗样式

src/views/shop/index.vue

@@ -63,7 +63,7 @@
         </div>
       </div>
       <el-dialog :title="$t('shop.editProducts')" :visible.sync="dialogEditFormVisible"><!-- 修改商品 -->
-        <el-form :model="form"  v-loading="dialogEditLoading">
+        <el-form :model="form"  v-loading="dialogEditLoading" label-width="230px" :label-position="labelPosition">
           <el-form-item :label="$t('shop.productName')"><!-- 商品名称 -->
             <el-input v-model="form.goodsName"></el-input>
           </el-form-item>
@@ -249,7 +249,8 @@
         categoryType: [],
         img_show: true,
         pvDisabled: true,
-        exchangeRate: baseInfo.exchangeRate()
+        exchangeRate: baseInfo.exchangeRate(),
+        labelPosition: getScreenWidth() >= 600 ? 'right' : 'top',
       }
     },
     methods: {
@@ -500,17 +501,15 @@
           margin-right: 0;
           margin-bottom: 0;
       }
-      /deep/ .el-dialog .el-form-item__label {
+      /* /deep/ .el-dialog .el-form-item__label {
         width:100%;
         text-align: left;
+      } */
+      /deep/ img {
+        width: 100% !important;
+        height: 100% !important;
       }
-      @media (max-width:862px) {
-        /deep/ img {
-          width: 100px !important;
-          height: 60px !important;
-        }
-      }
-
+      
       @media (max-width:862px) {
         /deep/ .el-dialog {
           width:100%;