调整样式

src/view/memberGroup/edit-tag.vue

@@ -5,13 +5,11 @@
       <div class="dialog-box">
         <p class="tag-name">{{ tagData.tagName }}</p>
         <p class="tag-desc">根据会员信息扩展字段统计而来</p>
-        <p class="tag-desc">标签值设置</p>
+        <p v-if="tagData.tagId" class="m-t-20 m-b-20">标签值设置</p>
         <!-- 所有标签的配置项 -->
         <tag-config-options v-if="tagData.tagId" :tagId="tagData.tagId" ref="tagConfig"></tag-config-options>
-        <div class="tag-mode">
-          <p>营销方式</p>
-          <tag-mode></tag-mode>
-        </div>
+        <p>营销方式</p>
+        <tag-mode></tag-mode>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="handleClose">取 消</el-button>
@@ -67,4 +65,32 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style lang="less" scoped>
+.dialog-box {
+  .tag-name {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .icon-tag-name {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+  }
+  .tag-desc {
+    font-size: 14px;
+    line-height: 26px;
+    color: #606266;
+    border-bottom: 1px solid #dcdfe6;
+  }
+  .tag-name {
+    font-size: 14px;
+    font-weight: bold;
+  }
+  .tag-value {
+    margin-top: 10px;
+    padding-top: 10px;
+    margin-bottom: 10px;
+    border-top: 1px solid #ebeef5;
+  }
+}
+</style>