瀏覽代碼

促销规则 详情页 页面优化

chenrui 4 年之前
父節點
當前提交
3802816374
共有 1 個文件被更改,包括 8 次插入2 次删除
  1. 8 2
      src/views/promotionRulesManagement/promotionRules/detail.vue

+ 8 - 2
src/views/promotionRulesManagement/promotionRules/detail.vue

@@ -6,7 +6,7 @@
         <a id="promotionRulesDetail-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
         <a id="promotionRulesDetail-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
       </template>
       </template>
     </a-page-header>
     </a-page-header>
-    <a-card size="small" :bordered="false" class="promotionRulesDetail-wrap">
+    <a-card size="small" :bordered="false" class="promotionRulesDetail-cont">
       <a-descriptions bordered :column="2" v-if="detailsData">
       <a-descriptions bordered :column="2" v-if="detailsData">
         <a-descriptions-item label="活动名称:">{{ detailsData.name || '--' }}</a-descriptions-item>
         <a-descriptions-item label="活动名称:">{{ detailsData.name || '--' }}</a-descriptions-item>
         <a-descriptions-item label="活动时间:">
         <a-descriptions-item label="活动时间:">
@@ -222,10 +222,16 @@ export default {
 }
 }
 </script>
 </script>
 
 
-<style lang="less" scoped>
+<style lang="less">
   .promotionRulesDetail-wrap{
   .promotionRulesDetail-wrap{
     .promotionRulesDetail-back{
     .promotionRulesDetail-back{
       margin-bottom: 10px;
       margin-bottom: 10px;
     }
     }
+    .ant-descriptions-item-label.ant-descriptions-item-colon{
+      width: 150px;
+    }
+    .ant-descriptions-item-content{
+      max-width: 500px;
+    }
   }
   }
 </style>
 </style>