From 8900782912c4955cc6609308f3ef25b42749bbec Mon Sep 17 00:00:00 2001
From: hupeng <guchengwuyue@163.com>
Date: Sat, 11 Jul 2020 23:09:27 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E4=BF=AE=E6=94=B9=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9Bcss?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/yshop.css   | 675 ++++++++++++++--------------------
 src/assets/styles/yshop.scss  | 675 ++++++++++++++--------------------
 src/views/shop/goods/form.vue |  77 +---
 3 files changed, 537 insertions(+), 890 deletions(-)

diff --git a/src/assets/styles/yshop.css b/src/assets/styles/yshop.css
index 14832e3..c14c4c2 100644
--- a/src/assets/styles/yshop.css
+++ b/src/assets/styles/yshop.css
@@ -1,407 +1,268 @@
-@charset "UTF-8";
-.acea-row {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-lines: multiple;
-    -moz-box-lines: multiple;
-    -o-box-lines: multiple;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    /* 辅助类 */
-}
-
-.acea-row.row-middle {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-}
-
-.acea-row.row-top {
-    -webkit-box-align: start;
-    -moz-box-align: start;
-    -o-box-align: start;
-    -ms-flex-align: start;
-    -webkit-align-items: flex-start;
-    align-items: flex-start;
-}
-
-.acea-row.row-bottom {
-    -webkit-box-align: end;
-    -moz-box-align: end;
-    -o-box-align: end;
-    -ms-flex-align: end;
-    -webkit-align-items: flex-end;
-    align-items: flex-end;
-}
-
-.acea-row.row-center {
-    -webkit-box-pack: center;
-    -moz-box-pack: center;
-    -o-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-}
-
-.acea-row.row-right {
-    -webkit-box-pack: end;
-    -moz-box-pack: end;
-    -o-box-pack: end;
-    -ms-flex-pack: end;
-    -webkit-justify-content: flex-end;
-    justify-content: flex-end;
-}
-
-.acea-row.row-left {
-    -webkit-box-pack: start;
-    -moz-box-pack: start;
-    -o-box-pack: start;
-    -ms-flex-pack: start;
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start;
-}
-
-.acea-row.row-between {
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-.acea-row.row-around {
-    justify-content: space-around;
-    -webkit-justify-content: space-around;
-}
-
-.acea-row.row-column-around {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    justify-content: space-around;
-    -webkit-justify-content: space-around;
-}
-
-.acea-row.row-column {
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    -o-box-orient: vertical;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-}
-
-.acea-row.row-column-between {
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    -o-box-orient: vertical;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-/* 上下左右垂直居中 */
-.acea-row.row-center-wrapper {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -moz-box-pack: center;
-    -o-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-}
-
-/* 上下两边居中对齐 */
-.acea-row.row-between-wrapper {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-/*表单公共样式*/
-html, body {
-    font-size: 12px !important;
-}
-
-.ivu-table-wrapper {
-    overflow: unset !important;
-}
-
-.page {
-    margin-top: 22px;
-}
-
-.vxe-table--loading {
-    background-color: rgba(255, 255, 255, 0.9) !important;
-}
-
-.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before {
-    width: 50% !important;
-    height: 50% !important;
-}
-
-/*表格公共样式*/
-.ivu-table-header table{
-    border-top: 1px #e8eaec dashed !important;
-}
-.ivu-form .ivu-form-item-label, .ivu-radio-group-button .ivu-radio-wrapper, .ivu-table {
-    font-size: 12px !important;
-}
-
-.ivu-table-cell{
-    padding: 6px 18px !important;
-}
-
-.ivu-table th {
-    background: #fff !important;
-}
-
-.ivu-btn {
-    font-size: 12px !important;
-}
-
-.ivu-icon-ios-refresh {
-    color: #1890FF !important;
-}
-
-.product_tabs .ivu-tabs-bar {
-    margin-bottom: 0 !important
-}
-
-.product_tabs .ivu-page-header {
-    border-bottom: 0;
-}
-
-.product_tabs .ivu-page-header-content {
-    margin-bottom: 0 !important
-}
-
-.ivu-radio-wrapper {
-    font-size: 12px !important;
-}
-
-.ivu-input {
-    font-size: 12px !important;
-}
-
-.modalBody .ivu-modal-body {
-    padding: 27px !important;
-}
-
-.Modals .ivu-mt, .ivu-mt-16 {
-    margin-top: 0 !important;
-}
-
-/*.Modals .ivu-table-border th, .ivu-table-border td{border-right:0!important;}*/
-.Modals .ivu-form-item-content {
-    line-height: unset;
-}
-
-.Modals .label .ivu-input {
-    border: 1px solid #F5F5F5;
-}
-
-.Modals .ivu-table table {
-    width: 100% !important;
-}
-
-
-/*距离样式*/
-.mr {
-    margin-right: 15px;
-}
-
-.mr10 {
-    margin-right: 10px;
-}
-
-.ml20 {
-    margin-left: 20px;
-}
-
-.ml10 {
-    margin-left: 10px;
-}
-
-.ml40 {
-    margin-left: 40px !important;
-}
-.ml95 {
-    margin-left: 95px !important;
-}
-
-.pt5 {
-    padding: 5px 0 !important;
-    box-sizing: border-box;
-}
-
-.mr50 {
-    margin-right: 50px;
-}
-
-.mr20 {
-    margin-right: 20px !important;
-}
-
-.mr15 {
-    margin-right: 15px !important;
-}
-.mr5 {
-    margin-right: 5px !important;
-}
-
-.mb20 {
-    margin-bottom: 20px !important;
-}
-.mb5 {
-    margin-bottom: 5px !important;
-}
-.mb15 {
-    margin-bottom: 15px !important;
-}
-
-.mb30 {
-    margin-bottom: 30px !important;
-}
-
-.mt30 {
-    margin-top: 30px;
-}
-
-.mt25 {
-    margin-top: 25px;
-}
-
-.mt20 {
-    margin-top: 20px;
-}
-
-.mt50 {
-    margin-top: 50px;
-}
-
-.mt10{
-    margin-top: 10px;
-}
-.mb10 {
-    margin-bottom: 10px !important;
-}
-.mb5 {
-    margin-bottom: 5px !important;
-}
-.index_bg {
-    width: 100%;
-    /*height: 100vh;*/
-    background: rgba(0, 0, 0, .6) !important;
-    z-index: 0 !important;
-}
-
-.ivu-divider-horizontal {
-    /*margin-bottom: 0 !important;*/
-    /*margin: 0 !important;*/
-}
-
-/*设置导航菜单*/
-.i-layout-menu-side-title-icon-single .ivu-icon {
-    font-size: 20px;
-}
-.ivu-layout-content{
-    position: relative;
-}
-.ivu-form-item-content {
-    font-size: 12px !important;
-}
-
-/*字体上移变蓝色*/
-.font-blue:hover {
-    color:#2D8cF0;
-    cursor:pointer;
-}
-
-/*作用于运费模板组件*/
-.Modals .ivu-table .ivu-table-header table{
-    border-top: 0 !important;
-}
-
-.ivu-table-cell{
-    padding: 10px 0 !important;
-}
-.ivu-table-cell-with-expand{
-    line-height: 31px !important;
-}
-/*tab标签栏*/
-.i-layout-tabs-fix{
-    z-index: 5 !important;
-}
-/*全局表格加padding*/
-.ivu-table th, .ivu-table td{
-    padding: 0 5px;
-}
-/*全局表格设置浮动样式*/
-.ivu-table-fixed-right th,.ivu-table-fixed-right td{
-    text-align: center !important;
-}
-.ivu-table-fixed-right{
-    box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.1) !important;
-    top: 1px !important;
-}
-.ivu-table-fixed-right tr:last-child(1) td{
-    border-bottom: 0;
-}
-.ivu-table-fixed::before, .ivu-table-fixed-right::before{
-    background-color: unset !important;
-}
-.ivu-table:before{
-    background-color: unset !important;
-}
-.ivu-table-fixed-body{
-    background-color: #fff;
-    overflow: unset !important;
-}
-
-.ivu-table-header thead tr th:nth-of-type(1){
-    padding-left: 16px;
-}
-.ivu-table td:nth-of-type(1){
-    padding-left: 16px;
-}
-.ivu-table-cell-expand{
-    text-align: left;
-}
-.vxe-header--row th:nth-of-type(1){
-    padding-left: 10px !important;
-}
-.vxe-table--body td:nth-of-type(1){
-    padding-left: 10px !important;
-}
-.ivu-modal-header{
-    background: #fafafa;
-}
\ No newline at end of file
+@charset "UTF-8";
+.acea-row {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-lines: multiple;
+    -moz-box-lines: multiple;
+    -o-box-lines: multiple;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    /* 辅助类 */
+}
+
+.acea-row.row-middle {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+.acea-row.row-top {
+    -webkit-box-align: start;
+    -moz-box-align: start;
+    -o-box-align: start;
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+}
+
+.acea-row.row-bottom {
+    -webkit-box-align: end;
+    -moz-box-align: end;
+    -o-box-align: end;
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+}
+
+.acea-row.row-center {
+    -webkit-box-pack: center;
+    -moz-box-pack: center;
+    -o-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+
+.acea-row.row-right {
+    -webkit-box-pack: end;
+    -moz-box-pack: end;
+    -o-box-pack: end;
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+}
+
+.acea-row.row-left {
+    -webkit-box-pack: start;
+    -moz-box-pack: start;
+    -o-box-pack: start;
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+}
+
+.acea-row.row-between {
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+.acea-row.row-around {
+    justify-content: space-around;
+    -webkit-justify-content: space-around;
+}
+
+.acea-row.row-column-around {
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    justify-content: space-around;
+    -webkit-justify-content: space-around;
+}
+
+.acea-row.row-column {
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -o-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+.acea-row.row-column-between {
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -o-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+/* 上下左右垂直居中 */
+.acea-row.row-center-wrapper {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -moz-box-pack: center;
+    -o-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+
+/* 上下两边居中对齐 */
+.acea-row.row-between-wrapper {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+/*表单公共样式*/
+html, body {
+    font-size: 12px !important;
+}
+
+.ivu-table-wrapper {
+    overflow: unset !important;
+}
+
+.page {
+    margin-top: 22px;
+}
+
+.vxe-table--loading {
+    background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before {
+    width: 50% !important;
+    height: 50% !important;
+}
+
+
+/*距离样式*/
+.mr {
+    margin-right: 15px;
+}
+
+.mr10 {
+    margin-right: 10px;
+}
+
+.ml20 {
+    margin-left: 20px;
+}
+
+.ml10 {
+    margin-left: 10px;
+}
+
+.ml40 {
+    margin-left: 40px !important;
+}
+.ml95 {
+    margin-left: 95px !important;
+}
+
+.pt5 {
+    padding: 5px 0 !important;
+    box-sizing: border-box;
+}
+
+.mr50 {
+    margin-right: 50px;
+}
+
+.mr20 {
+    margin-right: 20px !important;
+}
+
+.mr15 {
+    margin-right: 15px !important;
+}
+.mr5 {
+    margin-right: 5px !important;
+}
+
+.mb20 {
+    margin-bottom: 20px !important;
+}
+.mb5 {
+    margin-bottom: 5px !important;
+}
+.mb15 {
+    margin-bottom: 15px !important;
+}
+
+.mb30 {
+    margin-bottom: 30px !important;
+}
+
+.mt30 {
+    margin-top: 30px;
+}
+
+.mt25 {
+    margin-top: 25px;
+}
+
+.mt20 {
+    margin-top: 20px;
+}
+
+.mt50 {
+    margin-top: 50px;
+}
+
+.mt10{
+    margin-top: 10px;
+}
+.mb10 {
+    margin-bottom: 10px !important;
+}
+.mb5 {
+    margin-bottom: 5px !important;
+}
+.index_bg {
+    width: 100%;
+    /*height: 100vh;*/
+    background: rgba(0, 0, 0, .6) !important;
+    z-index: 0 !important;
+}
+
+
+/*字体上移变蓝色*/
+.font-blue:hover {
+    color:#2D8cF0;
+    cursor:pointer;
+}
+
diff --git a/src/assets/styles/yshop.scss b/src/assets/styles/yshop.scss
index 14832e3..992faf3 100644
--- a/src/assets/styles/yshop.scss
+++ b/src/assets/styles/yshop.scss
@@ -1,407 +1,268 @@
-@charset "UTF-8";
-.acea-row {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-lines: multiple;
-    -moz-box-lines: multiple;
-    -o-box-lines: multiple;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    /* 辅助类 */
-}
-
-.acea-row.row-middle {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-}
-
-.acea-row.row-top {
-    -webkit-box-align: start;
-    -moz-box-align: start;
-    -o-box-align: start;
-    -ms-flex-align: start;
-    -webkit-align-items: flex-start;
-    align-items: flex-start;
-}
-
-.acea-row.row-bottom {
-    -webkit-box-align: end;
-    -moz-box-align: end;
-    -o-box-align: end;
-    -ms-flex-align: end;
-    -webkit-align-items: flex-end;
-    align-items: flex-end;
-}
-
-.acea-row.row-center {
-    -webkit-box-pack: center;
-    -moz-box-pack: center;
-    -o-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-}
-
-.acea-row.row-right {
-    -webkit-box-pack: end;
-    -moz-box-pack: end;
-    -o-box-pack: end;
-    -ms-flex-pack: end;
-    -webkit-justify-content: flex-end;
-    justify-content: flex-end;
-}
-
-.acea-row.row-left {
-    -webkit-box-pack: start;
-    -moz-box-pack: start;
-    -o-box-pack: start;
-    -ms-flex-pack: start;
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start;
-}
-
-.acea-row.row-between {
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-.acea-row.row-around {
-    justify-content: space-around;
-    -webkit-justify-content: space-around;
-}
-
-.acea-row.row-column-around {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    justify-content: space-around;
-    -webkit-justify-content: space-around;
-}
-
-.acea-row.row-column {
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    -o-box-orient: vertical;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-}
-
-.acea-row.row-column-between {
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    -o-box-orient: vertical;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-/* 上下左右垂直居中 */
-.acea-row.row-center-wrapper {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -moz-box-pack: center;
-    -o-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-}
-
-/* 上下两边居中对齐 */
-.acea-row.row-between-wrapper {
-    -webkit-box-align: center;
-    -moz-box-align: center;
-    -o-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: justify;
-    -moz-box-pack: justify;
-    -o-box-pack: justify;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-between;
-    justify-content: space-between;
-}
-
-/*表单公共样式*/
-html, body {
-    font-size: 12px !important;
-}
-
-.ivu-table-wrapper {
-    overflow: unset !important;
-}
-
-.page {
-    margin-top: 22px;
-}
-
-.vxe-table--loading {
-    background-color: rgba(255, 255, 255, 0.9) !important;
-}
-
-.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before {
-    width: 50% !important;
-    height: 50% !important;
-}
-
-/*表格公共样式*/
-.ivu-table-header table{
-    border-top: 1px #e8eaec dashed !important;
-}
-.ivu-form .ivu-form-item-label, .ivu-radio-group-button .ivu-radio-wrapper, .ivu-table {
-    font-size: 12px !important;
-}
-
-.ivu-table-cell{
-    padding: 6px 18px !important;
-}
-
-.ivu-table th {
-    background: #fff !important;
-}
-
-.ivu-btn {
-    font-size: 12px !important;
-}
-
-.ivu-icon-ios-refresh {
-    color: #1890FF !important;
-}
-
-.product_tabs .ivu-tabs-bar {
-    margin-bottom: 0 !important
-}
-
-.product_tabs .ivu-page-header {
-    border-bottom: 0;
-}
-
-.product_tabs .ivu-page-header-content {
-    margin-bottom: 0 !important
-}
-
-.ivu-radio-wrapper {
-    font-size: 12px !important;
-}
-
-.ivu-input {
-    font-size: 12px !important;
-}
-
-.modalBody .ivu-modal-body {
-    padding: 27px !important;
-}
-
-.Modals .ivu-mt, .ivu-mt-16 {
-    margin-top: 0 !important;
-}
-
-/*.Modals .ivu-table-border th, .ivu-table-border td{border-right:0!important;}*/
-.Modals .ivu-form-item-content {
-    line-height: unset;
-}
-
-.Modals .label .ivu-input {
-    border: 1px solid #F5F5F5;
-}
-
-.Modals .ivu-table table {
-    width: 100% !important;
-}
-
-
-/*距离样式*/
-.mr {
-    margin-right: 15px;
-}
-
-.mr10 {
-    margin-right: 10px;
-}
-
-.ml20 {
-    margin-left: 20px;
-}
-
-.ml10 {
-    margin-left: 10px;
-}
-
-.ml40 {
-    margin-left: 40px !important;
-}
-.ml95 {
-    margin-left: 95px !important;
-}
-
-.pt5 {
-    padding: 5px 0 !important;
-    box-sizing: border-box;
-}
-
-.mr50 {
-    margin-right: 50px;
-}
-
-.mr20 {
-    margin-right: 20px !important;
-}
-
-.mr15 {
-    margin-right: 15px !important;
-}
-.mr5 {
-    margin-right: 5px !important;
-}
-
-.mb20 {
-    margin-bottom: 20px !important;
-}
-.mb5 {
-    margin-bottom: 5px !important;
-}
-.mb15 {
-    margin-bottom: 15px !important;
-}
-
-.mb30 {
-    margin-bottom: 30px !important;
-}
-
-.mt30 {
-    margin-top: 30px;
-}
-
-.mt25 {
-    margin-top: 25px;
-}
-
-.mt20 {
-    margin-top: 20px;
-}
-
-.mt50 {
-    margin-top: 50px;
-}
-
-.mt10{
-    margin-top: 10px;
-}
-.mb10 {
-    margin-bottom: 10px !important;
-}
-.mb5 {
-    margin-bottom: 5px !important;
-}
-.index_bg {
-    width: 100%;
-    /*height: 100vh;*/
-    background: rgba(0, 0, 0, .6) !important;
-    z-index: 0 !important;
-}
-
-.ivu-divider-horizontal {
-    /*margin-bottom: 0 !important;*/
-    /*margin: 0 !important;*/
-}
-
-/*设置导航菜单*/
-.i-layout-menu-side-title-icon-single .ivu-icon {
-    font-size: 20px;
-}
-.ivu-layout-content{
-    position: relative;
-}
-.ivu-form-item-content {
-    font-size: 12px !important;
-}
-
-/*字体上移变蓝色*/
-.font-blue:hover {
-    color:#2D8cF0;
-    cursor:pointer;
-}
-
-/*作用于运费模板组件*/
-.Modals .ivu-table .ivu-table-header table{
-    border-top: 0 !important;
-}
-
-.ivu-table-cell{
-    padding: 10px 0 !important;
-}
-.ivu-table-cell-with-expand{
-    line-height: 31px !important;
-}
-/*tab标签栏*/
-.i-layout-tabs-fix{
-    z-index: 5 !important;
-}
-/*全局表格加padding*/
-.ivu-table th, .ivu-table td{
-    padding: 0 5px;
-}
-/*全局表格设置浮动样式*/
-.ivu-table-fixed-right th,.ivu-table-fixed-right td{
-    text-align: center !important;
-}
-.ivu-table-fixed-right{
-    box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.1) !important;
-    top: 1px !important;
-}
-.ivu-table-fixed-right tr:last-child(1) td{
-    border-bottom: 0;
-}
-.ivu-table-fixed::before, .ivu-table-fixed-right::before{
-    background-color: unset !important;
-}
-.ivu-table:before{
-    background-color: unset !important;
-}
-.ivu-table-fixed-body{
-    background-color: #fff;
-    overflow: unset !important;
-}
-
-.ivu-table-header thead tr th:nth-of-type(1){
-    padding-left: 16px;
-}
-.ivu-table td:nth-of-type(1){
-    padding-left: 16px;
-}
-.ivu-table-cell-expand{
-    text-align: left;
-}
-.vxe-header--row th:nth-of-type(1){
-    padding-left: 10px !important;
-}
-.vxe-table--body td:nth-of-type(1){
-    padding-left: 10px !important;
-}
-.ivu-modal-header{
-    background: #fafafa;
-}
\ No newline at end of file
+@charset "UTF-8";
+.acea-row {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-lines: multiple;
+    -moz-box-lines: multiple;
+    -o-box-lines: multiple;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    /* 辅助类 */
+}
+
+.acea-row.row-middle {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+.acea-row.row-top {
+    -webkit-box-align: start;
+    -moz-box-align: start;
+    -o-box-align: start;
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+}
+
+.acea-row.row-bottom {
+    -webkit-box-align: end;
+    -moz-box-align: end;
+    -o-box-align: end;
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+}
+
+.acea-row.row-center {
+    -webkit-box-pack: center;
+    -moz-box-pack: center;
+    -o-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+
+.acea-row.row-right {
+    -webkit-box-pack: end;
+    -moz-box-pack: end;
+    -o-box-pack: end;
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+}
+
+.acea-row.row-left {
+    -webkit-box-pack: start;
+    -moz-box-pack: start;
+    -o-box-pack: start;
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+}
+
+.acea-row.row-between {
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+.acea-row.row-around {
+    justify-content: space-around;
+    -webkit-justify-content: space-around;
+}
+
+.acea-row.row-column-around {
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    justify-content: space-around;
+    -webkit-justify-content: space-around;
+}
+
+.acea-row.row-column {
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -o-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+.acea-row.row-column-between {
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -o-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+/* 上下左右垂直居中 */
+.acea-row.row-center-wrapper {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -moz-box-pack: center;
+    -o-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+}
+
+/* 上下两边居中对齐 */
+.acea-row.row-between-wrapper {
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -o-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -moz-box-pack: justify;
+    -o-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+/*表单公共样式*/
+html, body {
+    font-size: 12px !important;
+}
+
+
+.page {
+    margin-top: 22px;
+}
+
+.vxe-table--loading {
+    background-color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before {
+    width: 50% !important;
+    height: 50% !important;
+}
+
+
+/*距离样式*/
+.mr {
+    margin-right: 15px;
+}
+
+.mr10 {
+    margin-right: 10px;
+}
+
+.ml20 {
+    margin-left: 20px;
+}
+
+.ml10 {
+    margin-left: 10px;
+}
+
+.ml40 {
+    margin-left: 40px !important;
+}
+.ml95 {
+    margin-left: 95px !important;
+}
+
+.pt5 {
+    padding: 5px 0 !important;
+    box-sizing: border-box;
+}
+
+.mr50 {
+    margin-right: 50px;
+}
+
+.mr20 {
+    margin-right: 20px !important;
+}
+
+.mr15 {
+    margin-right: 15px !important;
+}
+.mr5 {
+    margin-right: 5px !important;
+}
+
+.mb20 {
+    margin-bottom: 20px !important;
+}
+.mb5 {
+    margin-bottom: 5px !important;
+}
+.mb15 {
+    margin-bottom: 15px !important;
+}
+
+.mb30 {
+    margin-bottom: 30px !important;
+}
+
+.mt30 {
+    margin-top: 30px;
+}
+
+.mt25 {
+    margin-top: 25px;
+}
+
+.mt20 {
+    margin-top: 20px;
+}
+
+.mt50 {
+    margin-top: 50px;
+}
+
+.mt10{
+    margin-top: 10px;
+}
+.mb10 {
+    margin-bottom: 10px !important;
+}
+.mb5 {
+    margin-bottom: 5px !important;
+}
+.index_bg {
+    width: 100%;
+    /*height: 100vh;*/
+    background: rgba(0, 0, 0, .6) !important;
+    z-index: 0 !important;
+}
+
+
+/*字体上移变蓝色*/
+.font-blue:hover {
+    color:#2D8cF0;
+    cursor:pointer;
+}
+
+
+
+
diff --git a/src/views/shop/goods/form.vue b/src/views/shop/goods/form.vue
index e0b9ba2..41b5df9 100644
--- a/src/views/shop/goods/form.vue
+++ b/src/views/shop/goods/form.vue
@@ -819,40 +819,6 @@ export default {
 </script>
 
 <style scoped lang="stylus">
-  .noLeft
-    >>> .ivu-form-item-content
-      margin-left 0 !important
-  .iview-video-style{
-    width: 40%;
-    height: 180px;
-    border-radius: 10px;
-    background-color: #707070;
-    margin-top: 10px;
-    position: relative;
-    overflow: hidden;
-  }
-  .iview-video-style .iconv{
-    color: #fff;
-    line-height: 180px;
-    width: 50px;
-    height: 50px;
-    display: inherit;
-    font-size: 26px;
-    position: absolute;
-    top: -74px;
-    left: 50%;
-    margin-left: -25px;
-  }
-  .iview-video-style .mark{
-    position: absolute;
-    width: 100%;
-    height: 30px;
-    top: 0;
-    background-color: rgba(0,0,0,.5);
-    text-align: center;
-  }
-  .uploadVideo
-    margin-left 10px;
   .submission
     margin-left 10px;
   .color-list .tip{
@@ -881,47 +847,6 @@ export default {
   .rulesBox
     display flex
     flex-wrap: wrap;
-  .pictrueBox
-    display inline-block;
-  .pictrueTab
-    width:40px !important;
-    height:40px !important;
-  .pictrue
-    width:60px;
-    height:60px;
-    border:1px dotted rgba(0,0,0,0.1);
-    margin-right:15px;
-    display: inline-block;
-    position: relative;
-    cursor: pointer;
-    img
-      width 100%
-      height 100%
-    .btndel
-      position: absolute;
-      z-index: 1;
-      width :20px !important;
-      height: 20px !important;
-      left: 46px;
-      top: -4px;
-  .upLoad {
-    width: 58px;
-    height: 58px;
-    line-height: 58px;
-    border: 1px dotted rgba(0, 0, 0, 0.1);
-    border-radius: 4px;
-    background: rgba(0, 0, 0, 0.02);
-    cursor: pointer;
-  }
   .curs
     cursor pointer
-  .inpWith
-    width 60%;
-  .labeltop
-    >>> .ivu-form-item-label
-      float: none !important;
-      display: inline-block !important;
-      margin-left: 120px !important;
-      width auto !important
-
-</style scoped lang="stylus">
+</style>